2.元件
2.1显示/隐藏
显示与隐藏很简单，只需要在想要添加动作的元件上添加事件显示或者隐藏，也可以设置动画。
显示/隐藏中还有一个切换可见性，也就是如果原件的状态是显示，就切换成隐藏；如果是隐藏，就切换成显示，也可以设置动画，很简单。
其中动画中有推箱和拉动，显示有推箱，也就是把其他的元件推出去；隐藏有拉动，就是把元件拉上来，推拉动作可以实现简单的元件交互效果。
2.2设置面板状态
此时就不得不讲一下动态面板，动态面板是原型设计中用的最多的一个元件，熟练使用动态面板对原型设计有着很大的作用。动态面板的作用是提高界面的交互性。
下面以一个很简单的例子来说明动态面板，以后会有提高性的例子来供熟练掌握动态面板。
在一个界面中，左边有三张小图，当点击任意一张小图时，右边出现该小图的放大图。步骤如下：
1.在界面上添加三张小图，并摆好位置。在右边添加一个动态面板，并调好大小。
2.双击动态面板，点击添加，添加三个面板状态，当然，名字自己任意取，这里就按照默认的名字。
3.双击右侧的面板状态进入编辑，以state1为例，将第一张小图复制过来，设置大小与面板大小一致即可。其余的面板状态编辑方法一样。
4.给左侧小图添加动作。点击鼠标单击，设置面板状态，右侧色set一定要勾选，注意，下面的选择状态一定要对应于之前的面板状态，否则会错乱。动画这里选择逐渐。
5.点击预览，实现效果。
2.3设置文本和设置图片
2.3.1设置文本
设置文本也就是对文本进行操作的事件，以下面的例子进行说明。
在一个文本框中输入文字，点击按钮，界面上的二级标题的内容变为文本框中的文字。步骤如下：
1.在界面上添加一个文本框、一级标题、二级标题（二级标题没有内容）和一个按钮，如图：
2.给按钮添加事件，当鼠标单击时，选择设置文本，选择H2，如图
因为文本框的文字是动态变化的，所以需要点击右边的fx函数来实现功能，首先点击添加局部变量，然后插入变量或函数，如图
3.点击预览，实现效果，如图
2.3.2设置图片
也就是对图片的操作事件，以一个简单例子说明。
一张图片，点击按钮，图片切换成另外一张图片。步骤如下
1.在界面上添加一张图片和一个按钮，如图
2.给按钮添加鼠标单击时的事件，选择设置图片，按照如下图设置
3.点击确认，预览，效果如下
2.4设置选中和设置列表选中项
这两个比较简单，作用就是字面意思，此处不做例子说明。
2.5启用/禁用
这个也比较简单，也就是启用和禁用一些功能。
2.6移动、旋转和设置尺寸
2.6.1移动
移动就是某一元件移动，移动有经过和到达两种，经过就是在原来位置的基础上再加设置的x和y值，到达则是位置到达设置的x和y值，即经过可以多次执行，而到达只能执行一次。稍加以区分就行。可以给移动加边界，加边界就是给位置限定一下。
2.6.2旋转
旋转和移动很像，值得说明的是锚点指的是元件围绕哪个点旋转（如果锚点偏移量为0的话），也可以把锚点偏移量设置一下，这样的话旋转中心就不再是该元件的某个点了。锚点更好的解释就是参照点。
2.6.3设置尺寸
设置尺寸就是给指定的元件设置相应的尺寸，很简单。
2.7顶层底层、设置不透明度、获取焦点和展开/折叠树节点
2.7.1设置顶层和底层
顶层和底层也就类似于ps里面的图层，很简单。
2.7.2设置不透明度
这个很简单，不做说明，当你需要设置的时候打开动作对话框，就明白怎么设置。
2.7.3获取焦点
获取焦点也就是鼠标光标会自动定位到你设置的元件。
2.7.4展开/折叠树节点
和树形节点差不多，树形节点是点击三角就可以展开折叠，通过动作可以点击其他的元件控制树形节点的展开和折叠
