原型设计工具Axure RP入门教程（二）：自动选项卡字段教程

在本教程中，您将学习如何创建一组文本字段，这些文本字段将在当前字段完成后自动使光标前进。 我们将使用的示例是生日日期表格。

在本教程中，您将学习如何创建一组文本字段，这些文本字段将在当前字段完成后自动使光标前进。 我们将使用的示例是生日日期表格。

小部件设置

• 打开一个新的RP文件，然后在画布上打开Page 1。
• 将三个文本字段拖到画布上。命名为一天字段，一个月字段和一年字段。（您可以选择使用标签小部件为每个标签添加标签。）
• 使文本字段变窄，然后按以下顺序排列它们：

[Month Field] [Day Field] [Year Field]

注意：随意对文本字段进行排序，以匹配您的区域日期格式。 只要记住，您还需要在以下步骤中创建一个不同的游标流。

自动从月到日字段前进

将重点放在日间字段上

• 选择月份字段，然后在Interactions（交互）窗格中单击New Interactions（新建交互）。
• 在出现的列表中选择Text Changed（文本更改）事件，然后选择Focus （焦点）动作。
• 在目标下拉列表中选择日期字段。 然后，单击确定以保存操作。

仅在用户输入两个数字后前进

• 将鼠标悬停在Text Changed（文本更改）标题上，然后单击右侧的Enable Cases（启用案例）。 在出现的条件构建器对话框中，单击Add Logic（添加逻辑）。

• 在出现的条件行中，在第一个下拉列表中选择小部件值的长度，然后在右侧的字段中输入2。

• 对话框底部的摘要应显示为：如果此值的长度等于2。当文本字段的文本长度达到两个字符时，将满足此条件。

• 单击确定关闭条件生成器。

自动从“日”字段前进到“年”字段

在日期字段文本字段中重复步骤2。为它提供与月字段相同的Text Changed（文本更改）交互，但是在Focus （焦点）操作中定位年字段。

预览互动

• 预览页面，然后单击月份字段。
• 用两位数格式输入您的出生月份-01表示一月，02表示二月，依此类推-光标应自动前进到Day字段。
• 输入两位数的出生日期，光标将自动前进到“年份”字段。

想要获得Axure RP更多资源、正版授权的伙伴，请咨询【客服】了解

关注慧聚IT微信公众号了解产品的最新动态及最新资讯。

标签：

来源：慧都