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

  • Java on Visual Studio Code Going Cloud Native

    Cloud-native development figures prominently in a new roadmap published by Microsoft's Java on Visual Studio Code dev team.

  • Speed Lines Graphic

    Quantum-Inspired Annealing Using C# or Python

    Dr. James McCaffrey of Microsoft Research explains a new idea that slightly modifies standard simulated annealing by borrowing ideas from quantum mechanics.

  • Visual Studio 2022 v17.1 Preview 3 Improves Web Tools

    Microsoft quietly shipped Visual Studio 2022 v17.1 Preview 3 with enhancements to web tools.

  • Progress Telerik Adds 20-Plus Components for Blazor, .NET MAUI and WinUI

    The R1 2022 release of Progress Telerik development tooling adds more than 20 new components to the Blazor, .NET MAUI and WinUI offerings.

Upcoming Events