小楼axure 图文教程(十四)页面传值-登录状态和用户名

AxureRP6.5教程 小楼一夜听春语 29766℃ 0评论

百度云盘下载:本教程axure原型-小楼axure 图文教程(十四)页面传值-登录状态和用户名.rp

在使用axure rp制作产品原型的时候,我们经常遇到的一种情况就是登录后,要让页面显示登录状态。这种状态如果在同页面内可以用多种方法实现,但是如果跳转了页面,就只能用页面传值的方式实现了。简单地说就是使用变量。

那么我们先说一下这个教程模拟的场景:

用户在主页输入登录名点登录后在第二页显示欢迎语“欢迎你,[输入的用户名]!”

如果不登录,则在第二页显示“请登录”。

解决思路:

1、我们需要一个用于传递值的全局变量,我们可以新建一个变量并取名叫[UserName]。

2、登录时,如果没有输入账号,是不能登录的,所以需要一个判断,只有账号输入框不为空的时候才跳转到第二页,并且将账号输入框输入的用户名赋给变量UserName。

3、既然在第二页需要在登录与不登录时显示两个不同的提示语,那么我们就可以用动态面板,设置为2个状态,并分别放上“请登录”的文本面板,和一个空的文本面板。

4、在第二页页面加载时,如果变量UserName是空的,那说明不是通过登录加载的页面,所以动态面板的默认状态我们设置为“未登录”的状态。那么如果判断Username不是空的,则是通过登录加载的页面,我们则需要把动态面板状态设置为“已登录”,并且设置欢迎语为“欢迎你”+UserName的变量值+“!”。

Ps:记得给每个元件添加标签哦!详见小楼axure 图文教程(九)新手入门基础(1)元件属性的介绍。

实现过程:

1、 根据思路2,点击登录时,添加一个条件:if 账号输入框 不等于“”,设置变量值 UserName = “账号输入框”,并在当前窗口打开“第二页”。

 1

2、 根据思路4,第二页加载时OnPageLoad的交互事件我们只需添加一个条件:if 变量值 UserName 不等于 “”,设置动态面板”登录状态”的状态为“已登录”,设置“已登录”状态里的文本面板值为 “欢迎你[[UserName]]!”

 2

 3

就这么简单,大家试试看吧!


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师全新打造Axure RP 9精品课程,以独有的教学方法与技巧,帮助你以最短的时间高效的完成学习目标。

《Axure RP 9 萌新修炼视频》-----从零入门进阶的优质课程------【点此查看详情】


转载请注明:Axure原创教程网 » 小楼axure 图文教程(十四)页面传值-登录状态和用户名

喜欢 (17)or分享 (0)

您必须 登录 才能发表评论!

(5)个小伙伴在吐槽
  1. 头像
    试了2次,成功了!上面的解说第一张图片有误,文字是对的!
    MAY2013-08-26 15:56
  2. 头像
    百度网盘里的东西下不了,被封了
    ydtj2014-06-29 14:35