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

新手教程(四):将文本传递给下一页教程


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

免费下载Axure RP 优惠购买Axure RP


在本教程中,您将学习如何使用全局变量将用户提供的文本从一页传递到另一页。(点击此处可查看视频)

小部件和页面设置


  • 打开一个新的RP文件,然后在画布上打开Page 1

  • Libraries(窗格中将文本字段小部件和按钮小部件拖到画布上。


  • 将第二页添加到项目中,然后在画布上打开它。

  • 将一个矩形小部件拖到画布上。

创建一个全局变量来存储用户的输入
  • 在顶部菜单中,转到Project项目Global Variables全局变量)

  • Global Variables全局变量)对话框中,单击Add(添加以添加新变量。 将其命名为TextInputVar。

  • 单击OK(确定关闭对话框。


捕获用户的输入并转到下一页

将变量的值设置为文本字段的文本

  • 在画布上打开Page 1,然后选择按钮小部件。

  • 在交互窗格中单击New Interaction(新建交互

  • 在出现的列表中选择Click或Tap事件,然后选择Set Variable Value操作。

  • Target(目标下拉列表中选择TextInputVar变量。

  • 在设置为下拉列表中,选择小部件上的文本。 然后在下面的窗口小部件下拉列表中选择文本字段。

  • 单击确定以保存操作。


笔链接到第2页


  • 在仍选择按钮小部件的情况下,单击Click(单击Tap点击块底部的Insert Action(插入动作图标,然后在出现的列表中选择Open Link(打开链接动作。

  • 在链接到下拉列表中选择第2页,然后单击确定以保存操作。

在第2页上显示用户的输入

  • 在画布上打开第2页,然后在交互窗格中单击New Interaction(新建交互

  • 在出现的列表中选择Page Loaded(页面加载事件,然后选择Set Text (设置文本操作。

  • 在目标下拉列表中选择矩形小部件。

  • 在设置为字段中,选择变量的值。

  • TextInputVar变量应在Variable(变量字段中自动选择。

  • 单击确定以保存操作。

预览互动

  • 预览第1页,然后在文本字段中输入一些文本。

  • 单击按钮导航到Page2。您在文本字段中输入的文本应显示在矩形小部件上。


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

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

慧聚IT