WPF窗体跳转Page，Page应用自定义Control

WPF窗体可以通过Frame控件的Navigate方法，跳转到不同的Page页，Page页的子控件又可以动态的添加自定义UserControl控件。 例： page1.xaml: Pagex:Class= frm_Page_control_jump.Page1 xmlns= http://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:x= http://schemas.microsoft.com/winfx/2006/xaml Title

　　

　　WPF窗体可以通过Frame控件的Navigate方法，跳转到不同的Page页，Page页的子控件又可以动态的添加自定义UserControl控件。

　　例：

page1.xaml:

<Page x:Class="frm_Page_control_jump.Page1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Page1">
    <Grid>
        <Grid Name="grid1" Margin="0,132,0,0" />
        <Label Height="51" Name="label1" VerticalAlignment="Top">this is my test page one !</Label>
        <Button Height="23" HorizontalAlignment="Left"
                Margin="8,84,0,0" Name="button1" VerticalAlignment="Top"
                Width="75" Click="button1_Click">control one</Button>
        <Button Height="23" Margin="0,84,72,0" Name="button2"
                VerticalAlignment="Top" HorizontalAlignment="Right"
                Width="76" Click="button2_Click">control two</Button>
    </Grid>
</Page>

　　Page1.xaml.cs:

namespace frm_Page_control_jump
{
    /// <summary>
    /// Page1.xaml 的交互逻辑
    /// </summary>
    public partial class Page1 : Page
    {
        public Page1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            UserControl1 control1 = new UserControl1();
            Thickness thick = new Thickness(10, 10, 10, 10);
            control1.Margin = thick;
            this.grid1.Children.Clear();
            this.grid1.Children.Add(control1);
        }

        private void button2_Click(object sender, RoutedEventArgs e)
        {
            UserControl2 control2 = new UserControl2();
            Thickness thick = new Thickness(10, 10, 10, 10);
            control2.Margin = thick;
            this.grid1.Children.Clear();
            this.grid1.Children.Add(control2);
        }
    }
}

window1.xaml:

<Window x:Class="frm_Page_control_jump.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="32"/>
        </Grid.RowDefinitions>
        <Frame Margin="0,0,0,0" Name="frame1"/>
        <Button Grid.Row="1" Name="btn" HorizontalAlignment="Center"
                Content="go to page1" Click="btn_Click"></Button>
    </Grid>
</Window>


 

window1.xaml.cs:

 

/// <summary>
    /// Window1.xaml 的交互逻辑
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }

        private void btn_Click(object sender, RoutedEventArgs e)
        {

            this.frame1 .Navigate(new Uri("Page1.xaml",UriKind.Relative));
        }
    }

 

 

 

UserControl1.xaml:

<UserControl x:Class="frm_Page_control_jump.UserControl1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    >
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="28"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="24"/>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Button Grid.Row="1" Grid.Column="1" Content="test button one"/>
    </Grid>
</UserControl>


 

UserControl2.xaml:

<UserControl x:Class="frm_Page_control_jump.UserControl2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    >
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="28"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="24"/>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Button Grid.Row="1" Grid.Column="1" Content="test button Two"/>
    </Grid>
</UserControl>

　　本文来自 Angelo 的博客，原文地址：http://blog.sina.com.cn/s/blog_87398e6701013vau.html

 

 

WPF窗口跳转及window和page区别

 1：window和page谁包含谁的问题

         一新建WPF应用程序，发现默认启动界面是一个window，将默认启动改为page，没有错误。但是如果在page中执行如下程序报错：

         this.content = new Window1();

         错误信息是：window是在属性结构的根目录。那么，我们可以理解为，window包含page，而不是反之。

         2：登录界面（窗口跳转）

         既然WPF的默认启动界面是一个窗口window，那么我也默认理解整个应用程序最上层最好是一个window（虽然全部是page也不会出错）。这大概是习惯使然，因为老的winform程序嘛，大家都是window。

         那么，涉及到登录，就有个窗口之间的跳转，貌似没有好的方法，只能在登录的window中：

WinMain wm = new WinMain();  
wm.Show();  
wm.WindowState = WindowState.Maximized;  
this.Close();  

         3：页面跳转（page跳转）

前台转：

<TextBlock FontSize="24" TextWrapping="Wrap" Margin="0,0,0,-19.998">  
            <Hyperlink x:Name="LnkPre" NavigateUri="Page2.xaml" Foreground="Black">  
                Enter Page2  
             </Hyperlink>  
</TextBlock>  

后台转：

NavigationService.GetNavigationService(this).Navigate(new Uri("Page2.xaml", UriKind.Relative));  
NavigationService.GetNavigationService(this).GoForward();向后转  
NavigationService.GetNavigationService(this).GoBack();　 向前转  

在后台跳转中，还有一个更简单的用法是：

this.content = new Page2();

        4：windows跳转到page

NavigationWindow window = new NavigationWindow();  
window.Source = new Uri("Page1.xaml", UriKind.Relative);  
window.Show();