【windows phone开发学习笔记】之页面导航

最近用了一个多月时间终于把看C#看完了(其实之前也看过曾瑛老师的视频教程,无奈看完后基本都忘记差不多了,当时尝试wp开发时非常吃力,只得扔下wp重新学习C#)。再次看完C#,于是又重新开始了学习wp开发。此后,我会把我学习过程中的笔记与大家分享,共同交流和学习。我的微博账号是@马and康

页面导航也就是在应用内在的几个页面之间切换,本例是可以从主界面导航到界面1、界面2、当然也支持从界面1、界面2导航到主界面,这是一个很简单的例子,不过无论多复杂的其应用原理跟这也都是一样的。导航主要可以运用两个控件,一个是HyPerLinkButon,还有一个是Button;一般在页面导航中只要通过HyperlinkButton即可,当然你可以根据个人爱好选择自己习惯的控件;

主界面(MainPage)如下:

【windows phone开发学习笔记】之页面导航

主界面(MainPage)XAML代码如下:

<phone:PhoneApplicationPage
    x:Class="页面导航.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <Grid x:Name="LayoutRoot" Background="Black"  >
        <StackPanel x:Name="TitlePanel" Grid.Row="0" >
            <TextBlock Text="主界面" FontSize="30" FontFamily=""/>
            <TextBlock Text="Main Page" FontSize="80" FontFamily="仿宋"/>
            <HyperlinkButton Content="Go to Page1" FontSize="30" Foreground="Red"   NavigateUri="/Page1.xaml"/>
            <HyperlinkButton Content="Go to Page2" FontSize=" 30" Foreground="Red"  NavigateUri="/Page2.xaml"/>
            <Button Content="Go to Page1" FontSize=" 30" Foreground="Red" Click="Button_Click" />
        </StackPanel>
    </Grid>

</phone:PhoneApplicationPage>

 

主界面(MainPage)C#主要代码如下;

       private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.NavigationService.Navigate(new Uri("/Page1.xaml", UriKind.Relative));
        }

界面一(Page1)如下;

【windows phone开发学习笔记】之页面导航

界面二(Page2)如下;

【windows phone开发学习笔记】之页面导航

至于Page1,Page2的代码就不写出来了,因为其代码跟主界面的HyperlinkButton中的代码类似,可以自行参考MainPage中加红加粗部分;

【windows phone开发学习笔记】之页面导航

上一篇:第一章 Windows程序内部运行机制(4)WinMain函数(续)


下一篇:cocos2d-x 2.2 在WINDOWS中如何创建项目