您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure RP 9 教程:模拟拨号键盘

发布人:www.yunke.ai 发布时间:2021-01-01 143 次浏览

文章主要讲解如何利用Axure RP 9 来模拟拨号键盘,一起来看看~

效果如下:

效果描述:按下数字按钮,输入对应的数字,按下退回按钮删除上一步的数字。当有数字时,显示添加号码btn和退回btn。

实现逻辑

函数[[LVAR.substring(from,to)]]:截取第from位到to位的字符串,举例:[[1234567.substring(1,4)]]=234,也就是说截取第一位到第四位的数字但不包括第一位。

函数[[LVAR.length]]:字符串长度,举例:[[手机号码1234.length]]=4,也就是说该函数可以获得元件字符串的长度。我们制作拨号键盘需要的按钮,鼠标按下按钮时,为手机号码文本框“Text 输入”设置文本[[X]]Y,这里X是局部变量,是手机号码文本框的文字,Y是按钮对应的数字,这样就实现了按下键盘输入对应的数字。

我们制作拨号键盘的退回按钮,点击退回按钮,利用上边提到的函数截取字符串实现退回操作。