首页 产品 Axure Axure教程 查看内容

axure7.0教程_小楼作品(十七)math函数的使用(4)最大值与最小值 ... ...

2014-8-13 22:45| 发布者: 丸子头| 查看: 477| 评论: 0

摘要: 今天补充一下Math函数中的两个函数,最大值max和最小值min。这两个函数应用比较简单,所以今天的教程也比较简单。 本教程示例原型下载:axure7.0教程_小楼作品(十七)math函数的使用(4)最大值与最小值.rp 今天要 ...

今天补充一下Math函数中的两个函数,最大值max和最小值min。这两个函数应用比较简单,所以今天的教程也比较简单。

本教程示例原型下载:axure7.0教程_小楼作品(十七)math函数的使用(4)最大值与最小值.rp

今天要实现的效果是四个文本输入框输入数字的时候,在分别在两个文本面板中显示最大值和最小值。

准备元件:四个文本框,设定好标签,四个文本(labal)其中两个输入数字最大值和最小值整齐排列,其余的两个设定好标签,摆放在合适位置并清空文字。

为了测试更容易,我们在页面加载时指定第一个文本框获取焦点,即光标在第一个文本框中闪烁,当第一个文本框输入回车时,焦点自动进入第二个文本框,依此类推,第四个文本框输入回车时焦点回到第一个文本框。

17-1

 

那么,这个效果我们只需要在文本框的事件(键盘键入时:这个事件的位置在更多事件中)中添加一个判断,如果按键是return,设置焦点到下一个文本框。

17

设置好文本框后,我们需要做的是在每个文本框失去焦点的时候,让文本(labal)显示当前的最大值和最小值,那么我们只需要在文本框的失去焦点事件中分别给最大值和最小值的文本写入事件,这里需要使用局部变量分别获取每个文本框的文字,然后用Math.max和Math.min进行获取。具体见下图:

17-3

17-4

完成第一个文本框的事件后,其他文本框也都需要设置相同的事件,在这里教大家一个快捷技巧,就是选中失去焦点时的事件名称,Ctrl+c(复制)或者点右键-复制,然后选择下一个文本框,Ctrl+v(粘贴)或者点右键-粘贴,这样就能很快的把四个文本框的失去焦点时事件,全部完成了。

17-2

好了通过上面的操作,效果就能实现了。下面就是见证奇迹的时刻!你做对了吗?

 


鲜花

握手

雷人

路过

鸡蛋

扫一扫关注最新动态

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影
爱评测 aipingce.com  
返回顶部