logo 原型设计工具Axure RP使用教程 我也要发布文档

入门教程(二):自动选项卡字段教程


Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买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微信公众号???,了解产品的最新动态及最新资讯。

慧聚IT