最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

局部变量的应用

教程 小楼一夜听春语 5465浏览

别紧张!

局部变量没什么好害怕的!

恐惧来自于未知,一旦你了解了,就真的不算什么了!

就好像N年前亲个嘴儿都怕怀孕,N年后算算日子就知道没什么事儿!

一句话,局部变量是帮助我们做计算的。

怎么帮助呢?

使用局部变量是为了能够在计算时,帮助我们获取一些无法直接输入的值。

例如,Axure RP 9开始,软件自带了一个“Sample UI Patterns”元件库,中文意思是简单界面示例。

界面确实很简单!就像下面这个示例。

这个元件的名称叫“输入步进器”。

其实,一眼就能看出点击上箭头,输入框中的数字会加1,点击下箭头则会减1。

拿上箭头来说,它的交互描述是“用户点击上箭头时,将输入框的文本设置为当前数值加1”。

我们在画布中放入文本框元件和箭头图标元件来模拟这个交互。

图标元件可以切换到软件自带的“Icons”元件库,搜索关键字“单角符”。

温馨提示:搜索不到的话,先确认一下使用的汉化是不是小楼做的汉化。如果不是,呵呵...

摆放好元件之后,点中上箭头元件,[新建交互],选择[单击时][设置文本]的动作。

动作的目标是[输入框],“输入框”这个名字是我自己写的,如果你愿意你写“XXX”都没问题。

要把输入框的文本设置为什么呢?

我上面不是写了吗?“将输入框的文本设置为当前数值加1”。

真正的问题来了,这句话怎么转换成交互的设置。

“当前数值加1”明显是个计算,当前数值哪里来?

局~部~变~量!

局部变量哪里来?

在Axure中,[值]的输入框后方,都会有一个[fx]按钮。

这个按钮代表什么?

“fx”还有一种写法是“f(x)”。

“f(x)”的完整意思是“function(x)”。

“function”的中文意思是“函数”,在计算机编程中,函数是某一种计算方法,而“x”表示的是计算方法中需要使用的某些数值。

也就是说,一个函数,你给它必须的数值,它就会给你一个计算后的结果。

给到函数的数值是未知的,所以用x表示这个未知数。

很显然,未知数不是一个固定的数值,它是可变的数值,称为变量。

既然函数是一种计算方法,那么一个计算公式也可以算是一个函数。

所以,我们可以点击[fx]按钮书写公式。

公式的格式在新打开的窗口中有详细的描述,自己看!

根据上图中的描述,我们要写的公式是:[[当前数值+1]]。

在上图的下半部分,点击[添加局部变量]的按钮,可以创建新的局部变量,名称可以自定义,例如“x”。

我们让“x”获取[输入框]的[元件文字],也就是当前数值。

然后,将“x”写到公式中,代表当前数值,参与计算。

这样,每次点击上箭头时局部变量“x”都能获取到当前数值,通过公式计算后,再设置到输入框中。

下箭头的交互,除了公式中的运算符是减号,其它和上箭头一毛一样。

并且,同样需要添加局部变量,输入框当前的数值。

因为在前一个“fx”中添加的局部变量,并不能用于其它的“fx”中,所以这个变量作用范围是局部的,叫局部变量。

到这里,一般都能够理解局部变量的作用了。

无情提示:如果你还不能理解,可以换别人的教程看看,相信我,你一定会多浪费一点儿时间!

在Axure给我们的示例中,还能用键盘的上下方向键控制输入框数值的变化。

也就是当键盘按下的键是“上键”时,执行点击上箭头的交互。

当键盘按下的键是“下键”时,执行点击下箭头的交互。

很显然,这需要条件判断。

在输入框上进行按键操作时,有两种需要添加交互情形,一种是按键是上键时,一种是按键是下键时。

我们为输入框[新建交互],添加第一种情形执行的动作[触发事件],触发[上箭头]的[单击时]事件。

然后,[启用情形],设置情形的名称为“按键是上键时”,并选择相应的条件选项。

温馨提示:如何启用情形设置条件,请参考《情形(条件)的设置》,先去学好基础知识。

条件中的“Up”需要点击输入框,按键盘方向键中的上键输入。

继续[添加情形],名称为“按键是下键时”,并选择相应的条件选项。

最后,[添加动作][触发事件],触发[下箭头]的[单击时]事件。

此时,在浏览器中查看原型,就可以点击箭头按钮改变输入框的数值。

当然,你点键盘上的方向键上键也能让输入框的数值递增1,然后,你下键、下键、下键...

/案例源文件/

无情嘲笑:跳转到百度了是吧?都告诉你是软件自带元件库中的元件了,干嘛还要下载源文件呢?

不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!

转载请注明:iaxure.com » 局部变量的应用