axure 8.0怎么设置局部变量?

axure 8.0怎么设置局部变量?,第1张

显示的回一个事务,一个事件里答面有多个case,一个case里面有多个事务,可见局部变量的功能范围非常小.例如在case里面要设置一个条件的话,如果用到了局部变量,这个变量只在这个条件语句里面生效.且局部变量只能依附于已有组件的使用,不可以直接赋值,本篇中主要介绍Axure中局部变量的设置方法,其实非常简单,只要我们了解局部变量的使用,其他变量同样.

Axure局部变量 从使用方式来看,在应用的时候,局部变量的功能范围决定了其只能充当事务里面的赋值载体,因此更多的是在函数当中用到,充当函数的运算变量,因此不会在外部页面级的逻辑中看到.

如果你感兴趣的话能够看一下具体 *** 作,B站有一个老师讲的特别好,直接搜Axure就行,或者直接看文字话就参考这个吧

实现变量在页面中的传递,这是一个经常我们会用到的功能,常用的场景是,用户通过用户名和密码进行登录,页面跳转到首页,首页中出现用户名等信息,基本实现效果如下

现在我们进行分析

用户要 *** 作什么 :

输入用户名和密码,点击登录

跳转到首页

给用户什么反馈 :

用户点击完登录之后,跳转到首页中

登录的用户名信息显示在跳转的页面中

实现分析 :该案例主要是要实现用户登录信息在页面之间的传递,借助全局变量和局部变量可以实现

具体步骤 :

我们以在首页中显示用户名和密码为案例,进行讨论

1、做元件准备

建立两个页面,命名为登录页面和首页;

在登录页面中拖入一个矩形,添加两个文本标签分别命名为“用户名”、“密码”;再添加两个文本框,将文本框分别命名为“username”、“password”,注意将password文本框的文本类型设定为“密码”;接下来添加一个提交按钮,命名为登录

最后在首页中,拖入一个矩形

2、添加全局变量,分别是username和 password; *** 作方法:项目——全局变量——添加全局变量——确定

3、为全局变量赋值,在这里我们会用到局部变量,由于用户唯一进行点击的是“登录”按钮,所以我们需要给登录按钮“鼠标单击时”添加交互

   首先分别为每个全局变量添加一个局部变量,将局部变量的元件文字值为登录页面输入的值,即借助局部变量,现将登录输入的数据传递到局部变量,再由局部变量传给全局变量

   点击添加动作下面的“设置变量值”—选择“username”——点击“fx”——插入局部变量——设置元件文字为“username”——确定,同理去设定全局变量password。

两个变量完成之后,点击“打开链接”——选择链接到首页

4、为首页页面添加交互,选择“页面载入时”——“设置文本”——“矩形”——“fx”——在全局变量中输入“用户名:,密码:”并插入对应的变量,如下图图九

就能实现变量值在页面中的传递

思考和总结:

要实现变量值在页面中的传递,主要是借助全局变量和局部变量,先设定全局变量,然后插入局部变量,将要传递的数据存入到局部变量,再由局部变量传给全局变量,实现传递。

1、切换元件库:在元件库功能面板中,可以通过点击元件库列表,选择不同的元件库进行使用。

2、设置页面居中:在页面【样式】设置中选择页面居中的按钮。页面居中是指在浏览器中查看原型时页面内容居中显示。

3、设置页面背景(图片/颜色):在页面【样式】中可以编辑页面的背景颜色以及背景图片。

4、设置页面颜色(草图/黑白):在页面的【样式】中,可以将当前页面的显示为草图效果,同时可以将页面颜色在彩色与黑白之间转换。

5、添加条件判断:在用例编辑界面中点击添加【条件按钮】进行添加条件。

6、比如:判断当前元件上的文字包含“@”。

7、设置条件逻辑关系:设置执行一个动作必须同时满足多个条件,或者仅需满足多个条件中的任何一个,需要在添加条件的界面中进行设置。

8、用例条件转换:为多个用例改变条件判断关系时,只需要在相应的用例名称上点击鼠标右键>,选择【切换为或】。

9、全局变量设置:全局变量是一个数据容器,就像一个U盘,可以把需要的资料存入,随身携带,在需要的时候读取出来使用。全局变量的设置在【项目】-【全局变量】中。

10、局部变量设置:局部变量在编辑值/文本的界面中进行创建,通过在【插入变量或函数…】列表中选取使用。

11、局部变量能够在创建时获取多种类型的数据。

12、公式的格式及类型:公式在编辑值/文本的界面中进行编辑,格式为“[[公式内容]]”。公式内的内容可以进行运算,例如:“[[3*15]]”获取的结果为“45”;公式运算结果自动与公式外的内容连接到一起,形成一个字符串,例如:“[[3*15]]个”获取的“45个”。变量与函数需要在写入在公式的“[[]]”中才能够正确获取变量值或者函数运算结果。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/tougao/11021332.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-13
下一篇2023-05-13

发表评论

登录后才能评论

评论列表(0条)

    保存