上一周分享了对Axure的整体认知，这一次我们来一起探讨几个动效的实现。希望大家勤奋练习，早日掌握这款软件。

Axure软件百度云盘分享：http://pan.baidu.com/s/1bVXY4A

1、交互事件应用

①从元件区域内拖拽矩形、Button元件到画布区域并在图层区域单击修改元件名字以方便查找，通过圆角半径设置将Button设置为圆角矩形。再通过元件形状设置设置元件形状。如图：

②选中按钮，从交互区域双击鼠标左键选择鼠标单击时，弹出用力编辑器。如图：

③找到移动动作单击，并设置其属性（注：到达为绝对定位，是相对于整个画布的【0,0】点移动，只执行一次；经过为相对运动，是相对于自身位置移动，可执行多次。x正数向右移动，负数向左移动；y正数向下移动，负数向上移动）。如图：

④发布，生成HTML文件预览效果如图

总结：通过一个元件触发另一元件的的动作，运用到达（绝对移动）和经过（相对移动）的来完成元件的移动。可用作一些触发事件。除了移动动作外，Axure内置了许多动作，希望大家多多尝试，灵活运用做出优秀的作品。

小知识点：修改图层名称 、圆角的设置 、图形的改变 、到达 、经过 、X正负数移动方向 、Y正负数移动方向 、触发方法。

2、动态面板的应用

①拖拽一个矩形到画布中，并设置宽度为300px，高度为50px。如图：

②设置描边粗细。如图：

③设置描边颜色。如图：

④将矩形填充色透明。如图：

⑤右键转化为动态面板。如图：

⑥双击包裹着矩形的动态面板，并将其英文命名为pm（屏幕的意思即为显示区域）。双击State1进入状态一面板。如图

⑦在State1内重新拖入一个矩形将其设为宽300px，高50px。设置其背景色放置坐标为（-290,0）处。并重新为两个矩形命名。如图：

⑧选中滑块矩形，找到交互区域，打开更多事件，找到载入时。如图：

⑨单击载入时选择移动动作，设置属性。如图：

⑩生成HTML文件预览，效果如图：

总结：运用动态面板的特性（无论状态中图形多大，显示区域始终是动态面板大小，图形显示区域从状态【0，0】位置开始计算），通过移动状态中的图形来实现进度条动效。

小知识点：描边粗细设置 、描边颜色设置 、元件透明度设置 、元件颜色填充透明 、动态面板的转化 、动态面板与状态的特性。

3、函数的应用

①拖拽出两个圆，分别设置不同的颜色。如图：

②分别转换为动态面板，并英文命名为lan、hong。如图：

③选中lan动态面板，找到拖动时交互事件，并打开用例编辑器。如图：

④选择移动动作，并选中lan动态面板设置属性（不要关闭用例编辑器）。如图：

⑤再在此窗口中选中hong动态面板，设置移动方式为经过并打开函数面板（fx）。如图：

⑥清除框内数字0，并且选择插入变量或函数。如图：

⑦找到DragX点击，并将其属性修改为[[-DragX]]。如图：

⑧同样的方法来选择y的函数，但y的函数不做修改，其函数为[[DragY]]。如图：

⑨生成HTML文件，拖动蓝色圆。预览效果如图：

总结：采用函数通过控制一个元件的移动，来完成对另一元件的控制。可以完成下拉刷新等动效。

小知识点：函数应用

4、条件的应用

①先拖拽一个矩形并设置其宽高颜色。再拖拽一个按钮设置默认值为登录，并在图层区域修改他们的名字。如图：

②从元件区域拖拽一个文本框并设置其宽高颜色。如图：

③右键文本框选择隐藏边框，并设置文本框类型为text。（注：文本框里的字符大小以及颜色也都可以设置）。如图：

④选中登录按钮并点击鼠标单击时，弹出用例编辑器。在用例编辑器最上面找到添加条件，并打开。如图：

⑤设置属性，依次是：元件文字、（文本框）、==、值、BYMOU（这句话的意思是：文本框里头的元件文字值等于BYMOU时条件成立）。如图：

⑥为验证条件是否符合条件，需拖拽两个标题元件，将文字分别改名为登录成功、密码错误，右键隐藏这两个标题元件。不要忘记在图层区域修改元件的名字。如图：

⑦再次选中登录按钮并打开刚才的用例编辑器，找到显示隐藏，并设置属性为登录成功显示，密码错误隐藏。（注：执行动作有先后顺序，在上面的动作先执行，下面的动作后执行。所以我们先设定了条件。如果满足条件则执行显示隐藏，反之则不执行）。如图：

⑧上面我们设置了条件满足时的动作，接下来我们设置条件不满足时的动作。再次选中登录按钮，点击鼠标单击时，设置条件属性（这句话的意思是：文本框的元件

文字值不等于BYMOU时）。如图：

⑨不要关闭用例编辑器窗口，继续设置两个标题元件的显示隐藏。如图：

⑩生成HTML文件，预览效果如图：

总结：通过添加条件来实现一些限制命令。如登录注册表单等

小知识点：文本框的设置 、动作实现的先后顺序、添加条件的应用。

Axure软件的强大并不是几个动作可以完完全全诠释的。这里只能和大家略微探讨一下，希望能帮助到大家。最后还是希望大家能够多多探索。利用这款软件做出优秀的作品。

做分享用到的软件Axure、PS、PicPick（文中的标注只是其中一个功能）、GifCam（gif录屏软件）

有说的不合理的地方，也希望大神们能多多指教。

谢谢观看！！！