@IT·互联网@产品0岁的产品经理

Axure 9.0高级教程:这些元件的值还可以这样设置

2018-10-16  本文已影响132人  Axure原型设计

一、概述

使用交互事件时,可以动态的设置某些类型元件的值,比如文本框的内容、下拉列表的内容、图像元件显示的图片。在某些情况下,设置这些元件的值还是很有用的,比如要设置一个文本框的内容等于存储的变量的内容,或者动态地检查复选框、单选按钮是否符合条件。我们还可以通过函数和变量来计算元件的值。

二、设置文本

01 在情形编辑器中,使用设置文本动作可以动态的编辑一个元件上的文本内容,在情形编辑器的配置动作中选择你想要修改的目标元件,然后点击fx。


选择目标元件.png
查看文本值.png

02 点击fx之后,在弹出的编辑对话框中,我们可以看到元件上已有的文字。我们可以对这里的文字进行删除、替换和增加。在这里,我们甚至还可以插入变量、函数。这些值和函数都是被两个中括号一个小括号([[]])包括起来的。


设置文本值.png

03 当我们需要给文本元件设置值时,可以选择设置值的类型,这里提供的类型包含:文本的值、变量值、元件文字、焦点元件文字、元件文字长度、被选项、禁用状态、选中状态、面板状态。当选择设置文本的时候,如果想使用其他元件的值,可以创建一个局部变量来存储这个值(局部变量仅在一个元件的一个动作范围内生效),在内容编辑对话框下方点击“添加局部变量”,然后为文本元件设置局部变量LVAR1。如下图所示,A是变量名,B是使用局部变量的元件类型,C是使用局部变量的元件。


选择设置类型.png 引用元件文字.png

三、设置图像

使用设置图像动作,可以动态替换页面中的图片。

四、设置选中

可以用来将一个元件设置为选中状态,如检测单选按钮或复选框,或者专门为某个元件设置的选中样式。

五、设置列表选中项

可以灵活自由的选择下拉列表或列表框中的项。


设置列表选中项.png
上一篇 下一篇

猜你喜欢

热点阅读