Reduce, Reuse and Recycle: Listing 1.

Windows Phone navigation page.

<phone:PhoneApplicationPage x:Class="WindowsPhoneTestApp.MainPage"
                            ...>
 
  <!--LayoutRoot is the root grid where all page content is placed-->
  <Grid x:Name="LayoutRoot"
         Background="Transparent">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="*" />
    </Grid.RowDefinitions>
 
    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel"
                  Grid.Row="0"
                  Margin="12,17,0,28">
      <TextBlock x:Name="ApplicationTitle"
                   Text="WP7 EXPRESS"
                   Style="{StaticResource PhoneTextNormalStyle}" />
      <TextBlock x:Name="PageTitle"
                   Text="item picker"
                   Margin="9,-7,0,0"
                   Style="{StaticResource PhoneTextTitle1Style}" />
    </StackPanel>
 
    <!--ContentPanel - place additional content here-->
    <Grid x:Name="ContentPanel"
           Grid.Row="1"
           Margin="12,0,12,0">
      <ListBox x:Name="xItemListBox" 
                 SelectionChanged="xItemListBox_SelectionChanged">
        <ListBox.ItemTemplate>
          <DataTemplate>
            <StackPanel>
              <TextBlock Text="{Binding Title}"
                           Style="{StaticResource PhoneTextLargeStyle}" />
              <TextBlock Text="{Binding SubTitle}"
                           Style="{StaticResource PhoneTextAccentStyle}" />
            </StackPanel>
          </DataTemplate>
        </ListBox.ItemTemplate>
      </ListBox>                    
    </Grid>
  </Grid>

  <phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
      <shell:ApplicationBarIconButton IconUri="/Images/SaveImage.png" Text="Save"/>
      <shell:ApplicationBarIconButton IconUri="/Images/EditImage.png" Text="Edit"/>
      <shell:ApplicationBar.MenuItems>
        <shell:ApplicationBarMenuItem Text="About"/>
        <shell:ApplicationBarMenuItem Text="Settings"/>
      </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
  </phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>

About the Author

Todd Anglin is Executive Vice President of Cross-Platform Tools & Services for Telerik, a provider of tools and solutions for web, desktop and mobile application development. In his role Todd is responsible for teams focused on cross-platform solutions, which include the company’s popular HTML/JavaScript framework, Kendo UI, as well as Icenium, the easiest way to build hybrid mobile apps. Todd is an author and frequent speaker on HTML5 and web standards development. Follow Todd @toddanglin for his latest writings and industry insights.

comments powered by Disqus

Featured

  • Xamarin.Forms 5 Preview Ships Ahead of .NET 6 Transition to MAUI

    Microsoft shipped a pre-release version of Xamarin.Forms 5 ahead of a planned transition to MAUI, which will take over beginning with the release of .NET 6 in November 2021.

  • ML.NET Improves Object Detection

    Microsoft improved the object detection capabilities of its ML.NET machine learning framework for .NET developers, adding the ability to train custom models with Model Builder in Visual Studio.

  • More Improvements for VS Code's New Python Language Server

    Microsoft announced more improvements for the new Python language server for Visual Studio Code, Pylance, specializing in rich type information.

  • Death of the Dev Machine?

    Here's a takeaway from this week's Ignite 2020 event: An advanced Azure cloud portends the death of the traditional, high-powered dev machine packed with computing, memory and storage components.

  • COVID-19 Is Ignite 2020's Elephant in the Room: 'Frankly, It Sucks'

    As in all things of our new reality, there was no escaping the drastic changes in routine caused by the COVID-19 pandemic during Microsoft's big Ignite 2020 developer/IT pro conference, this week shifted to an online-only event after drawing tens of thousands of in-person attendees in years past.

Upcoming Events