原型设计工具Axure RP入门教程（五）：使用Droplist教程设置文本

在本教程中，您将学习如何基于在下拉列表小部件中所做的选择来动态设置小部件上的文本。

在本教程中，您将学习如何基于在下拉列表小部件中所做的选择来动态设置小部件上的文本。

小部件设置

将一个矩形小部件和一个下拉列表小部件从“ 库”窗格拖到画布上。

将矩形窗口小部件上的文本设置为My favorite color is red。

redorangeyellowgreenbluepurple

当下拉列表的选择更改时更改矩形窗口小部件的文本

• 选择下拉列表，然后在Interaction（交互）窗格中单击New Interaction（新建交互）。
• 在出现的列表中选择Selected Changed事件，然后选择Set Text操作。
• 在目标下拉列表中选择矩形小部件。
• 在对话框顶部的字段中，选择句子中的红色词。
• 单击字段上方的插入变量或函数。在出现的下拉列表中，在小部件标题下选择文本。
• 对话框的上方字段现在应显示“我最喜欢的颜色是[[This.text]]”。（括 中的表达式将由Web浏览器中的下拉列表当前选择的选项替换。）

预览互动

预览页面，然后在下拉列表中选择其他颜色。矩形窗口小部件上显示的句子应更新以反映您的选择。

附加信息和提示
使用广播组设置文本

如果您希望将选项显示在单选组而不是下拉列表中，则仍可以与上一教程中描述的交互进行类似的交互。 使用相同的“设置文本”操作，并将其添加到组中每个单选按钮的Selected事件中。

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

标签：