当前位置: 移动技术网 > IT编程>移动开发>WP > 页面导航与参数传递

页面导航与参数传递

2018年10月03日  | 移动技术网IT编程  | 我要评论

泡沫之夏的歌曲,美束,室内单杠图片

在学习过程中,大致的总结一些页面导航与参数传递的知识。
通常我们的应用程序是由多个应用页面构成的,于是就有一个十分重要的行为——页面间的切换。在这里成为页面间的导航。我们需要注意的问题是:怎么实现切换和怎么传递参数。
我们要了解的信息是:
• 每个页面都有一个独立的uri;
• 每一个页面都是无状态的,也就是每次加载完页面后,需要重新加载这个页面中所必须的所有参数和数据;
• 每个页面可以像web一样,通过链接地址的方式导航。
显而易见,我们实现页面切换的必要数据就是每一个页面的uri,这和我们web中的uri的书写是相仿的,我们一样可以通过“?id=‘’”的形式来传递参数。
我们创建一个项目,叫做“navigationpractice”,添加一个页面叫做“mypage.xaml”,这是主页面mainpage需要导航到的页面。
四种页面切换的方式
使用hyperlinkbutton来实现
这也是hyperlinkbutton的一个重要的应用方式,通过指定hyperlinkbutton的navigateuri属性,实现导航,具体实现:
            <hyperlinkbutton content="点击跳转" height="30"
                             horizontalalignment="left" margin="28,41,0,0"
                             name="myhyperlinkbutton" verticalalignment="top"
                             width="200" navigateuri="/mypage.xaml"/>
 
在代码中进行导航
通过页面的navigationservice来实现,navigationservice在这里是页面phoneapplicationpage的一个属性,取主机用于导航到此页的服务,实际是返回一个navigationservice类型的值,相当于是实例化一个navigationservice的对象。同理,用于接收参数的navigationcontext也是phoneapplicationpage的一个属性,获取包含有关导航请求的信息的对象,实际上是返回一个navigationcontext类型的属性值,相当于是创建了一 个navigationcontext 的实例。
具体实现:定义一个按钮,给按钮添加click事件,以实现导航。
 this.navigationservice.navigate(new uri("/mypage.xaml", urikind.relative));
 
返回操作
就是当在一个页面中操作完成后,返回到前一个页面中进行操作。
方法一:
使用代码:navigationservice.goback()。
方法二:
使用返回键实现返回操作。
补充:禁用返回按键的返回操作。给当前页面添加backkeypress事件,使用e.cancel=true;的方式来禁用返回按键。
 
别名导肮
即定义资源,使用别名来实现导航。wp7页面导航可以使用路径别名,是从silverlight继承来的。使用的方法涉及到资源的定义。方法如下:
首先,在app.xaml的文件中添加windows.navigation 命名空间:mlns:navigate="clr-namespace:system.windows.navigation;assembly=microsoft.phone"。
其次,书写资源代码:
<application.resources>
<navigate:urimapper x:key="urimapper">
<navigate:urimapping uri="mynewpage" mappeduri="/mypage.xaml"/>
</navigate:urimapper>
</application.resources>
最后,给frame添加urimapper :this.rootframe.urimapper = resources["urimapper"] as urimapper;即将这句代码写到app类的构造函数中。
在使用的时候,就像之前的应用一般,只是在路径名中直接书写路径别名就行了。
navigationservice.navigate(new uri("newpage", urikind.relative));
 
 
五种页面间参数传递的方法
直接在uri中添加
类似于web中的参数的传递方法,在uri中使用”?id=‘’&name=‘’“的方式添加需要传递的参数。当然这不会局限于后台代码或者是hyperlinkbutton的navigateuri属性中,如:
            this.navigationservice.navigate(new uri("/mypage.xaml?flag=test",urikind.relative));
或:
 <hyperlinkbutton content="点击跳转" height="30"
                             horizontalalignment="left" margin="28,41,0,0"
                             name="myhyperlinkbutton" verticalalignment="top"
                             width="200" navigateuri="/mypage.xaml?flag=test"/>
 
使用路径别名中传递参数
在资源的定义中,我们可以定义这样的资源:
<application.resources>
        <navigate:urimapper x:key="urimapper">
            <navigate:urimapping uri="newpage/{param}" mappeduri="/mypage.xaml?id={param}"/>
        </navigate:urimapper>
    </application.resources>
这样通过定义之后,在使用的时候new uri("newpage/10", urikind.relative));就行了,在实际使用中,如果我们在定义资源uri的时候,使用的名称和将要转到的页面的名称一致的话,会出现以下三种效果功能相同的使用方式:
/newpage.xaml?id=10
newpage?id=10
newpage/id=10
对于以上两种传递参数的方式,在接受的时候,使用navigationcontext。具体方法:
 if (navigationcontext.querystring.keys.contains("flag"))
            {
                navigationcontext.querystring.trygetvalue("flag", out flag);
                mytextblock1.text=flag;
            }
为了很好的使用参数,避免异常等情况发生,在获取数据的时候最好先判断参数是不是存在。
 
配合独立存储传递参数
在导航的时候,配合独立存储,将需要传递的参数保存在独立存储中,由于一般传递的参数不会很大,笔者觉得使用isolatedstoragesetting就行了。如在传递的时候:
        private void btnnavigate5_click(object sender, routedeventargs e)
        {
            isolatedstoragesettings iss = isolatedstoragesettings.applicationsettings;
            iss["id2"] = 10;
            navigationservice.navigate(new uri("newpage", urikind.relative));
        }
而在接受的时候:
            isolatedstoragesettings iss = isolatedstoragesettings.applicationsettings;
            if (iss.contains("id2"))
            {
               this.mytextblock1.text=iss["id2"].tostring();
            }
这样也算是很方便的实现了数据的传递。
 
phoneapplicationservice传递参数
这个类提供对应用程序生存期各个方面的访问。这包括对应用程序空闲行为的管理以及当应用程序变为活动或不活动时对应用程序状态的管理。在这里主要是用到了它的state属性,获取用于调用之间传递应用程序状态的词典,用来存储数据。方法:
在将要跳转的页面中重写方法onnavigatedfrom,将需要传递的参数保存在state中:
        phoneapplicationservice myservice = phoneapplicationservice.current;

        protected override void onnavigatedfrom(navigationeventargs e)
        {
            myservice.state["name"] = "sky";
            base.onnavigatedfrom(e);
        }
在将要跳转到的页面中重写方法onnavigatedto,从state中读取字典数据:
        phoneapplicationservice myservice = phoneapplicationservice.current;
        protected override void onnavigatedto(system.windows.navigation.navigationeventargs e)
        {
            object name;
            if (myservice.state.containskey("name"))
            {
                if (myservice.state.trygetvalue("name", out name))
                {
                    this.mytextblock3.text = name.tostring();
                }
            }
            base.onnavigatedto(e);
        }
 
共享数据传递参数
 
另一种常用的页面间共享数据的方法是使用公共资源app.xaml。在其后台代码中加入相应属性,即可使用。这种方法最经常用来传递对象,可以采用的办法是创建两个页面都可以访问到的静态对象。
具体实现:
public string name{set;get;}
public string number{set;get;}
在使用的时候:
(application.current as app).name
(application.current as app).number
如定义属性myname,把需要传递的参数保存在共享数据中:
        private void mytextbox_textchanged(object sender, textchangedeventargs e)
        {
            (application.current as app).myname = this.mytextbox.text.tostring();
        }
取得数据:
            if ((application.current as app).myname != "")
            {
                this.mytextblock2.text = (application.current as app).myname;
            }
 
以上的各种方法,在我们的项目中最这样的布局,其实就是简单地实现:

 \


实现结果为:

\

项目地址:




摘自 waitingsky
 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网