xaml - Windows 10 - 表示状態の変更の移行

Question

視覚状態トリガーを使用してグリッドの幅を変更することにより、Windows 10 アプリでレスポンシブ デザインを利用できるようにしようとしています。状態が変化すると、幅は次の幅にジャンプします。

ある種のトランジションまたはアニメーションでこの変化を滑らかにする方法はありますか?

<VisualStateManager.VisualStateGroups>
     <VisualStateGroup>
         <VisualState x:Name="DesktopWideState">
             <VisualState.StateTriggers>
                 <AdaptiveTrigger MinWindowWidth="1280" />
             </VisualState.StateTriggers>

             <VisualState.Setters>
                 <Setter Target="ContentPanel.Width"
                    Value="1000" />
             </VisualState.Setters>
         </VisualState>

        <VisualState x:Name="DefaultState">
            <VisualState.StateTriggers>
                <AdaptiveTrigger MinWindowWidth="0" />
            </VisualState.StateTriggers>
         </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>