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

  • Python in VS Code Adds Data Viewer for Debugging

    The January 2021 update to the Python Extension for Visual Studio Code is out with a short list of new features headed by a data viewer used while debugging.

  • GitHub Ships Enterprise Server 3.0 Release Candidate

    It's described as "the biggest ever change to Enterprise Server," with improvements to Actions, Packages, mobile, security and more.

  • Attacks on .NET Apps Grow in Number, Severity, Says Security Firm

    .NET apps were found to have more serious vulnerabilities and suffer more attacks last year, according to data gathered by Contrast Labs.

  • Microsoft Opens Up Old Win32 APIs to C# and Rust, More Languages to Come

    Microsoft is opening up old Win32 APIs long used for 32-bit Windows programming, letting coders use languages of their choice instead of the default C/C++ option.

Upcoming Events