Axure中公式与局部变量,全局变量的使用设置教程 (Axure入门19)

原创 admin  2015-06-19 23:00  阅读 6,638 views 次

本文导读:

一.公式     公式的格式

二.变量

1.局部变量   案例:数量的自增与自减               2.全局变量    案例:页面之间数据的传递

下面开始我们的表演

一.公式

很简单,Axure中随便拖入一个文本,鼠标单击时设置值。FX,打开,即可以到达输入公式和函数的界面。

格式:[[]] 双的方括号。

执行原理:里面输入数学公式,可以执行数学运算。方括号外边的字符串自动连接。

本段完。

二.变量

1.局部变量:

案例场景:购物车的点击“+”“-”按钮的数值的变化:

场景效果图:

加减号效果图

1.原件准备:

axure中,选择icons部件库,搜索输入“cir”即可找到“+”“-”号图标,然后中间放入一个文本框,数字写1.则基本原件组合完毕,下面开始设置交互

2.设置交互:

选中+号,鼠标点击时【设置文本】文本的值为【n+1】,

如下图:FX打开后,底部设置局部变量:n,并选择文本框的名称,意思是文本框中文本信息赋值给n。而设置的公式是fx=n+1。则,设置完毕。

局部变量和公式设置

“-”号的设置类似之。可以又起了一个临时变量名称“m”。只能控制当前页面添加的变量对应的上面的公式,其他地方的都控制不到。(点击插入变量和函数也能看到,只能看到当前页面的设置的局部变量的名称,其他的设置的看不见。)

交互原型演示:https://n3cg7h.axshare.com/

2.全局变量:

案例场景:登录面板,和点击登录后的登录欢迎提示页面。如下图:

(登录时输入用户名,欢迎提示页面会通过全局变量获取到用户名。)
登录面板登录欢迎提示页面

 

1.创建全局变量

Axure中,【项目】,【全局变量】,【创建变量】  起个名字,比如username。则创建全局变量完毕。

2.全局变量获取值

以登录框为例,用户名登录按钮,【文本】,【文本改变时】,【全局变量-设置变量值】

如下图,选中username全局变量,设置全局变量值为“部件文字”“this当前文本的”,即可。

设置全局变量值流程图

3.从全局变量中调用值

场景:在点击登录的时候打开新的页面,新页面在载入时有提示语。此处可以设置

登录成功的欢迎页面,【页面载入时】,【设置文本】,写出变量名称,则就会自动调用全局变量值

文本框属性:(文本框中输入变量,就会自动读取,其他的字符串自动连接,当然要按照标准输入,比如带双中括号)

如下图:具体的调用全局变量值的设置步骤:

至此,全局变量的再此处应用场景案例已经讲解完毕

原型:https://o0r8fj.axshare.com/

附:变量的总结说明

1.变量的定义

(1)变量是数据的载体,也可以将其比作容器。【存储数据的容器】

(2)变量必须先进行命名【创建】,我们能够把程序中准备使用的一段数据复制给一个变量名称【写入】。并且可以通过变量名称获取变量中保存的数据【读取】

2.变量的命名规则

(1)变量名称必须以字母或者下划线打头,名字只能由字母,数字和下划线"_"组成

(2)变量名称的长度不得超过25个字符

(3)变量名称在有效的范围内必须是唯一的。有效的范围就是引用变量可以被程序识别,使用的的作用范围。

(4)变量名称不能是系统中的关键字。例如:name,text,this等。

3.变量的种类

(1)局部变量:作用与某一个值的运算的过程。在某一个公式的编辑界面中创建,写入和读取。主要用于获取目标内容参与公式运算。

(2)全局变量:作用于整个原型项目,可以在任何页面的任何位置上对变量进行写入和读取。

本文地址:https://www.moonpm.com/312.html
关注我们:请关注一下我们的微信:扫描二维码产品设计研究与产品经理交流中心 (鼠标移入红色字)
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

发表评论


表情