WPF学习之路（八）页面

传统的应用程序中有两类应用程序模式：桌面应用，Web应用。WPF的导航应用程序模糊了这两类应用程序的界限的第三类应用程序

WPF导航表现为两种形式，一是将导航内容寄宿于窗口，二是XAML浏览器应用程序

四个核心要素：Page\HyperLink\NavigationServices\Journal

Page

WPF中的Page相比Window来说更加的精简，没有提供一个Show或者是Hide的方法，而是通过链接的方式进行页面切换。一般来说Page不设置自身的大小，因为页面的尺寸由包含它的宿主窗体来决定的。

新建一个Page

public partial class MyCustomPage : Page{  public MyCustomPage()  {    InitializeComponent();    this.Title = "没有对窗口尺寸进行配置";  }  public MyCustomPage(double width, double height, double hostWinWidth, double hostWinHeigth)    : this()  {    this.Width = width;    this.Height = height;    this.WindowWidth = hostWinWidth;    this.WindowHeight = hostWinHeigth;    this.Title = "对窗口尺寸进行配置";    this.text.Text = "Width= " + width + "\n\n"      + "Height= " + height + "\n\n"      + "WindowWidth= " + hostWinWidth + "\n\n"      + "WindowHeight= " + hostWinHeigth;  }}

App.xaml

<Application x:Class="Alex_WPFAPPDemo05.App"       ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       ="http://schemas.microsoft.com/winfx/2006/xaml"       Startup="Application_Startup">

App.xaml.cs

private void Application_Startup(object sender, StartupEventArgs e){  NavigationWindow win = new NavigationWindow();  win.Content = new MyCustomPage();  //win.Content = new MyCustomPage(300, 300, 500, 500);  //win.Content = new MyCustomPage(500, 500, 300, 300);  win.Show();}

三种情况的效果图

Page的宿主窗口包括浏览器、NavigationWindow、Frame

后两种是WPF提供的，能记录Page的导航记录和提供一系列导航事件。NavigationWindow是顶层窗口不能嵌入到其他控件，Frame是轻量级的，可以嵌入到其他控件

新建一个Page观察下这两种控件的不同

   <Border BorderBrush="Blue" BorderThickness="2" Margin="2">      <TextBlock x:Name="text" Text="该页面的宿主窗口是一个Frame" HorizontalAlignment="Center" VerticalAlignment="Center" />    </Border>

CustomPage

<Border BorderBrush="Red" BorderThickness="2" Margin="2">    <Grid>      <Grid.RowDefinitions>        <RowDefinition />        <RowDefinition />      </Grid.RowDefinitions>      <TextBlock Grid.Row="0" x:Name="text" Text="该页面的宿主窗口是一个NavigationWindow"            HorizontalAlignment="Center" VerticalAlignment="Center" ></TextBlock>      <Frame Grid.Row="1" Source="SimplePage.xaml" NavigationUIVisibility="Visible"></Frame>    </Grid>  </Border>