简单的Page切换

启动时为page的切换

这里是启动时就是page页面；

先创建几个page页面，内部创建几个按钮比如前进后退；

Page的切换用到的最重要的函数：NavigationService

判断后退：

 //判断是否可以后退if (NavigationService.CanGoBack)NavigationService.GoBack();//后退

判断前进：

if (NavigationService.CanGoForward)NavigationService.GoForward();

跳转到指定page

 //跳转到指定的页面；NavigationService.Navigate(new Uri("Page3.xaml", UriKind.RelativeOrAbsolute));

使用Hyperlink切换

添加一个TextBlock控件

删除Xaml中的Text="TextBlock"，将最后面的/>改为>zai在后面添加HyperLink

<TextBlock HorizontalAlignment="Left" Margin="117,371,0,0" TextWrapping="Wrap"  VerticalAlignment="Top" Height="34" Width="160" FontSize="20">跳转到<Hyperlink NavigateUri="Page3.xaml">Page3</Hyperlink></TextBlock>
<TextBlock HorizontalAlignment="Left" Margin="523,373,0,0" TextWrapping="Wrap"  VerticalAlignment="Top" FontSize="20">跳转到<Hyperlink NavigateUri="http://www.baidu.com">百度</Hyperlink></TextBlock>

windows窗体内加载page页

第一步将Xaml中的Window类改为 NavigationWindow类，并将其中的<Grid>删除，同时更改代码里面的继承类；

然后在“Title” 这一行后面加上Source（手动添加吧，我这边测试Source选项很难点出来不知道什么原因；）如果不希望显示前进后退栏再输入ShowsNavigationUI="False"

Title="MainWindow" Height="450" Width="800" Source="Page1.xaml" ShowsNavigationUI="False"/>

windows窗体内加载page页2：

添加一个Frame控件到窗体，如果想要填满窗体将标签内的内容删完；

然后在属性-公共里面-Source中设置要绑定的page，如果不希望显示前进后退栏将NavigationUIVisibility属性设置为Hidden；这个时候就可以显示page页了；（最好设置一个名字后面要用）；

添加一个StackPanel控件，如果想要填满窗体可以将StackPanel内的内容全部删除

将一个StackPanel空间设置分为两部分，设置FrameA在右边部分：设置布局内的Column属性为1；

并在左边添加三个按钮，并注册按钮事件；

  <Frame x:Name="FrameA" Content="FrameA" Source="/pagetext;component/Page1.xaml" NavigationUIVisibility="Hidden" Grid.ColumnSpan="2" Grid.Column="1" /><StackPanel ><Button Content="page1" Click="Page1_click"/><Button Content="page2" Click="Page2_click"/><Button Content="page3" Click="Page3_click"/></StackPanel>

设置FrameA绑定的页；

  private void Page1_click(object sender, RoutedEventArgs e){this.FrameA.Source = new Uri("Page1.xaml", UriKind.RelativeOrAbsolute);}private void Page2_click(object sender, RoutedEventArgs e){this.FrameA.Source = new Uri("Page2.xaml", UriKind.RelativeOrAbsolute);}private void Page3_click(object sender, RoutedEventArgs e){this.FrameA.Source = new Uri("Page3.xaml", UriKind.RelativeOrAbsolute);}

C# WPF 页面切换（Page）相关推荐

Windows Phone 实用开发技巧（9）：自定义Windows Phone 页面切换动画
在Silverlight for Windows Phone ToolKit 中默认中有自带的页面Transitions:RollTransition.RotateTransition.SlideTr ...
赞！超炫的页面切换动画效果【附源码下载】
在下面的示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果.虽然有些效果都非常简单,只是简单的滑动动作,但另外的一些则是利用了视角(Perspective)和 3D 转换(3D ...
WPF 中Frame + Page 的使用
1 在window 的设计的时候 ,中间需要进行页面切换的时候,顶一个Frame [html] view plaincopy <Frame Name="MainPage" ...
jquery mobile页面切换效果(Flip toggle switch)(注：jQuery移动使用的数据属性的列表。 )...
1.页面切换(data-transition) 地址:http://api.jquerymobile.com/data-attribute/ data-transition fade | f ...
[转] Silverlight Navigation(多页面切换、传值)
导航.简单的理解可以是从一个页面跳转到另外一个页面.在传统的ASP.NET网站中这种效果很容易实现.而在Silverlight中我们也同样可以,我们有两种方法来实现这个效果. 第一个选择是使用代 ...
html对话框跳转页面,html5各种页面切换效果和模态对话框用法总结
这篇文章主要为大家介绍了html5各种页面切换效果和模态对话框用法总结,较为详细的介绍了HTML5的各种页面元素的使用技巧,非常具有实用价值,需要的朋友可以参考下本文详细总结了html5各种页面切换 ...
fragment中文网_Android使用Fragment打造万能页面切换框架
首先我们来回忆一下传统用Activity进行的页面切换,activity之间切换,首先需要新建intent对象,给该对象设置一些必须的参数,然后调用startActivity方法进行页面跳转.如果需要 ...
html5各种页面切换效果和模态对话框
页面动画: data-transition 属性可以定义页面切换是的动画效果. 例如:<a href="index.html" data-transition="p ...
Android使用Fragment打造万能页面切换框架（三）
接下来就是处理基类BaseFragment的问题了,这里贴出该类所有代码,具体请参考注释. public class BaseFragment extends Fragment {private st ...

C# WPF 页面切换（Page）