自动切换字段 | Auto-Tab Fields

当前字段输入完成后,自动跳到下一个字段输入。

STEP0:下载练习文件

如果你还没有练习文件,请下载Axure Training.rp并在Axure RP中打开它,该文件包含了Axure培训网站上每个教程的对应页面。我们建议你始终使用我们准备好的文件来学完教程,但是如果你无法保证,那也没有关系,我们也会告诉你在不使用Axure Training.rp文件的情况下,如何创建新文件来完成教程。

STEP1:开始

在联系文件中打开“自动切换字段”页面。

这个页面包含了三个文本框元件,并且排列组成了一个日期结构,其中月份文本框和日期文本框,都只能输入两个数字,年文本框可以输入4个数字,文本框上的提示信息代表了要输入的内容。

选择第一个元件“月”,在属性页签下,找到“最大长度”字段并设置为2,以便限制该元件允许输入的最大长度。然后对“日”元件采取同样的设置,设置“年”元件的最大长度为4。

STEP2:自动从元件“月”切换到“天”

选中“月”元件,在属性页签下,双击“文本改变时”来创建一个新的文本改变时用例。

在弹出的用例编辑器窗口顶部,点击“添加条件”按钮打开“条件设立”窗口。

在最左边的下拉列表中选择“元件文字长度”,然后保留后面三个下拉列表的默认值“This”、“==”、“值”。

在左右边的文本框中输入2。

点击“确定”按钮关闭条件设立窗口。

在用例编辑器左侧的“添加动作”栏,选择“获取焦点”。

在右侧“配置动作”栏,点击“日”的复选框。

点击“确定”按钮关闭对话框。

STEP3:自动从元件“日”切换到“年”

对元件“日”重复上面的步骤,确保“获取焦点”动作的目标对象为元件“年”。

STEP4:预览

点击预览。

在“月”文本框中输入两位数字,然后会自动切换到“日”文本框,输入两位数字后,又会自动切换到“年”文本框。

评论(0 个评论)

发表回复

您的电子邮箱地址不会被公开。