axure键盘输入框怎么设置,

axure键盘输入框怎么设置,

在python Axure中，我们可以实现很多动画效果。今天小六主要教大家用Axure模拟一个表盘键盘。下面举个例子给你看一下具体的方法，希望对你有帮助。

想了解更多关于“Axure RP”的知识？点击此处免费试用Axure RP课程。

工具/软件

硬件型号：神舟神舟Z7-DA7NP

版本：Windows7

所需软件：Axure RP

实现效果

按数字按钮并输入相应的数字。

按后退按钮删除之前的号码。

当有数字时，显示添加数字btn和返回btn。

实现逻辑

函数[[LVAR.substring(from，to)]]

表示逐位截断的字符串，例如：[[1234567.substring(1，4)]]=234，也就是说，第一到第四位被截断，但第一位不包括在内。

函数[[LVAR.length]]

表示字符串长度，例如：[[手机号1234.length]]=4，表示函数可以得到组成字符串的长度。

我们制作拨号键盘所需的按钮，并为它们设置交互。鼠标按下按钮时，为手机号文本框“文本输入”设置文本[[X]]Y，其中X为局部变量，手机号文本框的文本，Y为按钮对应的数字，从而实现键盘按压输入对应的数字。我们制作拨号键盘的返回按钮，点击返回按钮，通过上面提到的函数截取字符串，实现返回操作。

实现方式—输入数字

第1步

我们添加所需的组件并命名它们。在这种情况下，手机号码文本框被命名为“文本输入”，数字键盘被命名为btn 1、btn 2、btn 3等等。这里，请注意，应该选择手机号码文本框作为文本框组件。

第2步

设置元素btn 1的交互(即数字键盘1)

当鼠标按钮按下时，当前组件选择为真，文本输入文本为[[Number]]1(其中Number是局部变量，是“文本输入”的组件文本)

释放鼠标按钮时，当前组件选择为假。

(这里注意，选择是为了交互效果。我把按钮设置成选中时变色，可以更真实的模拟拨号盘键盘。)

第3步

为btn 2元件(即数字键盘2)设置交互

当鼠标按钮按下时，当前组件选择为真，文本输入文本为[[Number]]2(其中Number是局部变量，是“文本输入”的组件文本)

释放鼠标按钮时，当前组件选择为假。

第4步

设置元素btn 3的交互.诸如此类。

这样就实现了输入数字的交互。

下图列出了一个键的交互：

实现方式—退回数字

第1步

我们为后退按钮设置交互：

当鼠标按键按下时，当前组件设置为真，文本Text设置为输入到[[Number。substr (0，数字。length-1)]](其中number是局部变量，是text输入的组件文本)。

释放鼠标按钮时，当前组件选择设置为false。

这样，返回交互的设置就完成了。

注意/提示

“Axure如何模拟拨号键盘？”相信朋友们都认真看完了。如果过程中遇到问题，可以再读一遍。学习不是一蹴而就的，需要我们长期的练习。如果你觉得文章不错，可以继续关注自学。

Tags：

转载：感谢您对我们平台的认可，以及对我们文章的青睐，内容均为用户上传，仅用于交流分享，如有侵权请联系删除，邮箱：332078507@qq.com。https://www.zizhi888.cn/sjzs/53754.html

很赞哦！ ()