WPF使用Page创建显示不同控件的程序

1. 测试环境

    WIndows XP/7 + VS2010

2. 操作步骤

    1) 创建主Window的XAML文件   <Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:ee="http://schemas.microsoft.com/expression/2010/effects" mc:Ignorable="d"
x:Class="UsePageShowControl.MainWindow"
x:Name="Window"
Title="UsePageShowControl"
Width="640" Height="400" ResizeMode="CanMinimize" Background="White">

<Grid x:Name="LayoutRoot">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="3*"/>
</Grid.ColumnDefinitions>

<StackPanel Margin="3" Grid.Column="0" ButtonBase.Click="Button_Click">
<StackPanel.Effect>
<ee:BloomEffect BloomIntensity="2" BaseSaturation="0" BaseIntensity="1" BloomSaturation="3" Threshold="0.2"/>
</StackPanel.Effect>
<Button x:Name="FirstPage" Content="第一个Page" Margin="1" Height="30" FocusVisualStyle="{x:Null}"/>
<Button x:Name="SecondPage" Content="第二个Page" Margin="1" Height="30"/>
</StackPanel>

<Frame x:Name="PageContext" Grid.Column="1" BorderBrush="Blue" BorderThickness="1" NavigationUIVisibility="Hidden"/>
</Grid>
</Window>

    2) 创建Page1的XAML文件  
<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="UsePageShowControl.Page1"
x:Name="Page"
WindowTitle="Page"
FlowDirection="LeftToRight"
Width="450" Height="400"
WindowWidth="640" WindowHeight="400">

<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="3*"/>
</Grid.RowDefinitions>

<ComboBox Grid.Row="0" Height=" 25"/>
<ComboBox Grid.Row="1" Height=" 25"/>
</Grid>
</Page>
    3) 创建Page2的XAML文件  

<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="UsePageShowControl.Page2"
x:Name="Page"
WindowTitle="Page"
FlowDirection="LeftToRight"
Width="450" Height="400"
WindowWidth="640" WindowHeight="480">

<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="2*"/>
</Grid.RowDefinitions>

<Button Grid.Row="0" Height="30"/>
<Button Grid.Row="1" Height="30"/>
</Grid>
</Page>

    4) 修改主窗体的cs文件

using System;
using System.Collections.Generic;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;

namespace UsePageShowControl
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
this.InitializeComponent();

// 在此点下面插入创建对象所需的代码。
}

private void Button_Click(object sender, RoutedEventArgs e)
{
Button button = (Button)e.Source;

if (button.Content.ToString() == "第一个Page")
{
//this.PageContext.Content = new Page1();
this.PageContext.Source = new Uri("Page1.xaml", UriKind.Relative);
}
else
{
this.PageContext.Source = new Uri("Page2.xaml", UriKind.Relative);
}
}
}
}

编译后,就可以看到效果拉!!!