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

AxureRP7.0教程 小楼一夜听春语 6512℃ 0评论

今天补充一下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

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

 


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师全新打造Axure RP 9精品课程,以独有的教学方法与技巧,帮助你以最短的时间高效的完成学习目标。

《Axure RP 9 萌新修炼视频》-----从零入门进阶的优质课程------【点此查看详情】


转载请注明:Axure原创教程网 » axure7.0教程_小楼作品(十七)math函数的使用(4)最大值与最小值

喜欢 (0)or分享 (0)
头像
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 头像
    上滑动作显示快捷菜单怎么做啊,从底部拉出那种任务栏的那种,我只知道向右拖动面板结束动作显示,没有向上滑动啊
    莫绝明2015-02-03 11:08 回复