UWP入门开发1:多Page转换总结

时间:2024-04-09 13:24:44

额。。。第一次开通博客,作为一名微软粉丝,从2015年观望至今,总算开始了UWP的历程。现在记录自己学习开发UWP的历程,另一方面也希望对看到的新手朋友们有帮助,谢谢大家啦,开始正题:

在教程<完成你的第一个UWP应用>的引导下,本小白成功运行了UWP,尽管它只有一句话:Hello,World。但是依然很兴奋!UWP入门开发1:多Page转换总结 案例中,只有一个MainPage,如果只使用一个Page开发,会显得特别杂乱,所以就涉及到了多个Page之间的转换。

由于一开始并不了解MainPage和其他新建的Page1,Page2.。。。一堆page之间有什么联系,贸然把MainPage当成了Page1来使用,就遇到了不管跳转几次依然能看到MainPage的情况:UWP入门开发1:多Page转换总结

UWP入门开发1:多Page转换总结

每次都会加载MainPage的原因是跳转Page时调用的是stackPanel内新建的frame   但是同时又会加载MainPage自身的Frame   所以父Frame带着子Frame一起显示了出来   如果想要实现MainPage和其他Page同级切换  代码中应该直接切换父Frame   而不用切换子Frame。

这么看起来,好像和我们正常思维不太一样啊。。。。为什么不在 page1到page x之间切换呢???这里就要说一下MainPage的意义了,不只是UWP平台,app都是一样的。。。不自己试着开发还真没感觉到这种思维带来的便利。。请看图:

UWP入门开发1:多Page转换总结UWP入门开发1:多Page转换总结

手机系统中下面的一栏和UWP中左边的一栏都可以说是APP中的MainPage,类似的还有微信QQ的主界面。其他page的转换都是依托在MainPage中的。

在UWP中page的切换是使用Frame这个类,大概草图就是这样:

UWP入门开发1:多Page转换总结

XAML代码如下:

<StrackPanel>

<StrackPanel>

//此处放MainPage内容,按钮等等

</StrackPanel>

<Frame Name="MyFrame"></Frame>//此处Frame类会加载其他Page

</StrackPanel>

这样一来就实现了 点击MainPage上按钮来实现Page的转换了。         

-------------------------------------------------------------------------------------------

啊。。。第一次写博客就这么没了。。。。本人没接触过APP开发,所以见识还不是太深,请大家轻喷。。。。