Navigation（导航）

Navigation介绍

总的来说就是UWP可以有多个页面，MainPage.xaml中是会一直在页面中出现的内容。比如汉堡菜单之类的东西，当然也是可以设置为隐藏的。还要在MainPage.xaml中设置前进后退等按钮。

<StackPanel><StackPanel Orientation="Horizontal"><Button Name="HomeButton" Content="Home" Click="HomeButton_Click" Margin="0,0,20,0"/><Button Name="BackButton" Content="Back" Click="BackButton_Click" Margin="0,0,20,0"/><Button Name="ForwardButton" Content="Forward" Click="ForwardButton_Click" Margin="0,10,0,0"/><Button Name="NavigateButton" Content="Navigate Root Frame" Click="NavigateButton_Click"/></StackPanel><Frame Name="MyFrame"></Frame></StackPanel>

然后分别设置这些按钮的事件。之前在主页面中设置了Frame名字为MyFrame，所以我们设置为在UWP打开时加载主页面和Page1。如下所示：

public MainPage()
{this.InitializeComponent();MyFrame.Navigate(typeof(Page1));
}

设置Home按钮的事件，Home就是回到Page1，所以如下所示：

private void HomeButton_Click(object sender, RoutedEventArgs e)
{MyFrame.Navigate(typeof(Page1));
}

设置后退按钮的事件，要先判断可不可以后退。

private void BackButton_Click(object sender, RoutedEventArgs e)
{if (MyFrame.CanGoBack){MyFrame.GoBack();}
}

设置前进按钮的事件，也要先判断可不可以前进。

private void ForwardButton_Click(object sender, RoutedEventArgs e)
{
if (MyFrame.CanGoForward){MyFrame.GoForward();}
}

然后就可以设置每个页面的内容，设置Page1的内容。

<StackPanel><TextBlock FontSize="48" Text="Page 1"/><HyperlinkButton Content="Go to Page 2" Click="HyperlinkButton_Click"/><HyperlinkButton Content="Go to Microsoft.com" NavigateUri="www.microsoft.com"/>
</StackPanel>

<HyperlinkButton>属性是可以导航到指定位置，他不仅可以导航到别的页面：
<HyperlinkButton Content="Go to Page 2" Click="HyperlinkButton_Click"/>，
还可以导航指定的网页中：
<HyperlinkButton Content="Go to Microsoft.com"
然后再设置Navigate的按钮事件。

private void HyperlinkButton_Click(object sender, RoutedEventArgs e)
{Frame.Navigate(typeof(Page2));
}

Navigation（导航）相关推荐

Silverlight实例教程 - Navigation导航框架系列汇总
Silverlight实例教程导航框架系列,结合实例讲述Silverlight导航开发基础,该教程不仅仅适用于Silverlight,而且可以被应用于Windows Phone开发领域. 文章列表: ...
Silverlight实例教程 - 理解Navigation导航框架Frame类
通过"Navigation导航框架开篇"的介绍,可以了解到Silverlight导航框架可被应用于多种场合,最为常见的是实现Silverlight项目内部页面切换.在Silverl ...
ROS Navigation导航包介绍
Navigation功能包集概述这是2D的导航功能包集,通过接收里程计数据.tf坐标变换树以及传感器数据,为移动机器人输出目标位置以及安全速度.概念层面上讲,导航功能包集是相当简单的. 它从里程计和 ...
Turtlebot 3 SLAM创建地图及 Navigation导航
Turtlebot 3 在PC端进行SLAM地图创建及Nagivation导航首先在PC上运行roscore,在SBC上运行 roslaunch turtlebot3_bringup turtleb ...
React Navigation 导航栏样式调整+底部角标消息提示
五一佳节匆匆而过,有人选择在外面看人山人海,有人选择宅在家中度过五一,也有人依然坚守在第一线,致敬! 这是坚持学习react-native的第二篇文章,可能会迟到,但是绝不会缺席,这篇要涉及到的是re ...
android上方导航条跳转页面,Native Navigation导航组件的使用说明
目前稳定版本为1.0版本, 2.0是开发版, 暂时不要用. 支持单页直接跳转, 直接自带顶部导航栏配置(返回,标题栏和右侧按钮), 支持直接跳转到多Tab页面, 支持隐藏显示Tab页, 支持数字气泡. ...
navigation导航中导航栏的设置
参看:http://blog.csdn.net/mad1989/article/details/41516743 使用导航navigation时,下一页的标题的设置 1.在进入push下一页时,指定标 ...
Navigation: 导航到目的地
导航到目的地是使用 NavController 完成的,它是一个在 NavHost 中管理应用导航的对象.每个 NavHost 均有自己的相应 NavController. NavController ...
navigation导航栈
navigation功能包: navigation 栈下的各个功能包的作用: acml:是一个针对在二维移动的机器人的基于概率定位系统.它实现了自适应蒙特卡罗滤波的定位方法,并使用粒子滤波器去跟踪在已 ...
Navigation导航寻路RecastDemo讲解
在2D游戏中,我们常常使用A星算法,基于方形网格进行寻路. (图:2D游戏中的A星寻路) 但是在3D游戏中,场景巨大,2D的方形网格寻路虽然可用,但效率极低. 这时候,用NavMesh导航网格寻路是最 ...

Navigation（导航）

Navigation（导航）相关推荐

最新文章

热门文章