Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>This is a scenario where MVVM becomes incredibly handy. By creating two separate views, one each for snapped, filled, and full screen, you can swap between them relatively easy.</p> <p>Your other option is to use the new FlipView control. There's a great example of this in the Contoso Cookbook sample app that can be found in the Windows 8 Dev Camp in a Box.</p> <p><a href="http://bit.ly/win8RCdevcamp" rel="nofollow">http://bit.ly/win8RCdevcamp</a></p> <p>Here's the example code from the Contoso Hands-On Lab:</p> <p></p> <pre><code>&lt;FlipView.ItemTemplate&gt; &lt;DataTemplate&gt; &lt;UserControl Loaded="StartLayoutUpdates" Unloaded="StopLayoutUpdates"&gt; &lt;ScrollViewer x:Name="scrollViewer" Style="{StaticResource VerticalScrollViewerStyle}" Grid.Row="1"&gt; &lt;!-- Vertical StackPanel for item-detail layout --&gt; &lt;StackPanel Orientation="Vertical" Margin="20,0,20,0"&gt; &lt;StackPanel Orientation="Vertical"&gt; &lt;TextBlock FontSize="20" FontWeight="Light" Text="{Binding Title}" TextWrapping="Wrap"/&gt; &lt;Image x:Name="image" Width="260" Margin="0,12,0,40" Stretch="Uniform" Source="{Binding Image}" HorizontalAlignment="Left"/&gt; &lt;/StackPanel&gt; &lt;StackPanel Orientation="Vertical"&gt; &lt;TextBlock FontSize="20" FontWeight="Light" Text="Ingredients" Margin="0,0,0,16"/&gt; &lt;TextBlock FontSize="16" FontWeight="Light" TextWrapping="Wrap" Text="{Binding Ingredients, Converter={StaticResource ListConverter}}" /&gt; &lt;/StackPanel&gt; &lt;/StackPanel&gt; &lt;/ScrollViewer&gt; &lt;/UserControl&gt; &lt;/DataTemplate&gt; &lt;/FlipView.ItemTemplate&gt; </code></pre> <p></p> <p>As you can see, for each FlipView, a different display state is referenced. I'd recommend checking out that hands-on lab for a more specific look at your situation, or this other sample that includes both HTML and XAML examples of the FlipView control: <a href="http://code.msdn.microsoft.com/windowsapps/FlipView-control-sample-18e434b4" rel="nofollow">http://code.msdn.microsoft.com/windowsapps/FlipView-control-sample-18e434b4</a></p>
    singulars
    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