别紧张!
局部变量没什么好害怕的!
恐惧来自于未知,一旦你了解了,就真的不算什么了!
就好像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 » 局部变量的应用