New Metro Views: Listing 3.

XAML for the Semantic Zoom control.

<SemanticZoom x:Name="semanticZoom" VerticalAlignment="Bottom">            
    <ListView x:Name="lstView">
            <TextBlock Text="{Binding}" VerticalAlignment="Center" 
              HorizontalAlignment="Center" FontSize="26.667" Foreground="White" />
    <GridView x:Name="grdView" >
            <Button x:Name="btnZoomedOutView" Content="{Binding}" Width="80" 
              Height="80" Foreground="Blue" BorderBrush="LightBlue" FontSize="40" 
              Click="btnZoomedOutView_Click" />
  </SemanticZoom.ZoomedOutView> </SemanticZoom>

About the Author

Michael Crump is a product manager that works at Microsoft on the Azure platform. He is a is a developer, blogger and speaker of topics relating to cloud development. He’s passionate about helping developers understand the benefits of the cloud in a no-nonsense way. You can reach him on Twitter at mbcrump or by following his blog at

comments powered by Disqus


Subscribe on YouTube