Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Instead of Resizing existing content it may be easier to have a separate set of content that is hidden until the user moves to snapped mode.</p> <p>Use the VisualStateGroups to hide/show the appropriate set of content for the given full-screen/snapped view. </p> <p>So instead of resizing existing fields:</p> <pre><code>&lt;Page&gt; &lt;Grid&gt; &lt;Grid x:Name="FullScreenLayout"&gt;... &lt;/Grid&gt; &lt;Grid x:Name="SnappedScreenLayout"&gt;... &lt;/Grid&gt; &lt;VisualStateManager.VisualStateGroups&gt; &lt;!-- Visual states reflect the application's view state --&gt; &lt;VisualStateGroup x:Name="ApplicationViewStates"&gt; &lt;VisualState x:Name="Snapped"&gt; &lt;Storyboard&gt; &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="FullScreenLayout" Storyboard.TargetProperty="Visibility"&gt; &lt;DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/&gt; &lt;/ObjectAnimationUsingKeyFrames&gt; &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="SnappedScreenLayout" Storyboard.TargetProperty="Visibility"&gt; &lt;DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/&gt; &lt;/ObjectAnimationUsingKeyFrames&gt; &lt;/Storyboard&gt; &lt;/VisualState&gt; &lt;/VisualStateGroup&gt; &lt;/VisualStateManager.VisualStateGroups&gt; &lt;/Grid&gt; &lt;/Page&gt; </code></pre> <p>Here were just hiding the full-screen layout when we're in snapped mode and displaying our snapped mode layout. There is more Xaml but it's contained and allows you to provide a view-specific layout, which makes the Xaml cleaner and easier to read.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload