【Axure10】交互功能-交互动作-元件动作

控制元件的是否可见属性

控制动态面板的交互显示。

设置文字的显示。所有可设置文字的元件均可进行设置。

设置图片的显示。

设置元件状态为选中状态。可以进行选中与非选中状态切换。

[图片上传失败...(image-568f66-1625374305654)]

设置存在选项列表中的某一个选项。

设置元件（元件组）的启用与禁用状态。

元件禁用后，可编辑属性的元件将不可编辑。

禁用举例：下拉列表禁用后，将不可进行下拉选择。

设置元件（元件组）的移动

可以对整体范围内元件进行移动 *** 作。

设置元件（元件组）的旋转

设置元件的尺寸大小

将元件置于顶层或者底层，通过元件的层级关系，利用Axure加载渲染的特性实现部分效果。

设置元件的不透明度

设置元件获取焦点。当元件获取焦点后，可以结合交互事件中的获取焦点、失去焦点进行交互处理。

同时获取焦点可以触发元件设置的焦点形状属性样式。

设置树类型元件的节点展开与折叠控制。此处只能作用与树类型元件。

动态面板：能够在一个固定的区域切换显示的内容。能实现很多动态效果。

其本身是一个透明的元件。一个动态面板里有若干个【状态】。“若动态面板是幻灯片的放映机，而状态则是幻灯片。” 打开状态的编辑界面，即可放置各种各样的元件，组成内容。

有几种特性：容器、 多状态 、拖动、循环、适应宽度、相对固定。

动态面板-多状态： 动态面板里的多个状态。可以通过添加交互，让某个状态的顺序切换到首位。

制作搜索框、标签栏（填充为白色或透明，字体为橙色）

三个标签栏都要设置好【选中】状态的样式（填充为橙色，字体为白色），且其中一个标签栏的默认状态为【选中】；然后【设置选项组名称】为相同的，这里是“SearchTab”

（ 设置相同的选项组名称： 为了切换标签时，实现唯一选中的效果）

选中需要变化的区域，右键，转换为动态面板

动态面板命名为SearchPanel，并双击，选中State1，并复制两个

双击每个状态，修改每个状态的内容，这里修改了文本框的提示文字和框框的颜色

为每个标签添加两个用例

一是【鼠标单击时】-【选中】-【当前元件】

二是【设置面板状态】-【动态面板】-【选择对应的状态】

搞定！

上次介绍了动态面板的图片轮播功能，这次根据本人实际工作中碰到应用介绍下动态面板的其他应用。如下：

1.多个页签的切换效果

2.固定内容到浏览器的特殊位置。

同样，先看下效果

好，下面就说明下怎么制作

1. 首先在区域内增加动态面板，双击进入，定义三个状态的为，基础资料、商品条码、 *** 作记录。

分别双击3个状态进入之后，单独编辑每个状态的页面效果。

2. 添加每个页面的页签，用来标识当前页签的业务信息和 *** 作交互的 *** 作区域。

如下，新增3个按钮，并命名各自名称

3.调整好按钮的背景色和字体颜色。同时选择3个按钮，右键选择交互样式，调整选中时的填充颜色。

4. 设置动态面板初始的状态， 意思就是进入到动态肩膀之后首先展示的内容。 添加载入时事件，设置面板状态为基础资料。设置选中状态，初次进入时基础资料按钮为选中状态。 

5. 设置3个按钮的单击事件，用来切换面板。添加单击事件，设置面板状态，依次设置3个按钮对应的面板。 

设置面板状态改变是事件，当面板的状态为基础资料时，设置基础按钮为选中状态，同理设置其他两个面板状态时对应的按钮选中状态。 

OK, 多个页签的功能介绍完成， 下面介绍固定浏览器的功能。

动态面板提供了一个功能，把元素固定到浏览器的固定位置。 多用在系统或者网页的顶部或者左侧区域。 

1. 首先设置元素为动态面板， 选中之后邮件直接转换成动态面板，

2. 然后选择动态面板设置固定到浏览器

---