动态面板为Axure里常用的元件:
本次主要涉及：元件：动态面板、图像，技术点：交互用例、动态面板和图像的编辑，如下面脑图所示：
1、打开Axure8(axure7也一样)，默认是新创建的项目，找到 “动态面板”元件，如下图：
2、拖动元件到工作区，按照图指示的任意一个地方给动态面板命名：测试面板
3、双击动态面板元件，出现状态state1,双击进入到state1的编辑：
4、拖放一个图像元件到state1内，双击并找到准备的图片(红旗)，这样第一个状态就编辑好了。
5、下面编辑第二个状态，注意看图，在右下方的 “概要”栏目内 找到state1右键“复制状态”，这样里面的元件大小、位置不会发生改变。复制成功后为便于下面的交互用例，将状态分别命名为：红旗、蓝旗。然后点击蓝旗状态，将图片替换。
6、以上步骤完成后，开始编辑交互用例。双击红旗图片，出现如下图所示的交互用例，找到：鼠标单击时，并双击出现用例编辑面板。
7、选择 元件-->设置面板状态 ，然后按照图示选中 “测试面板”，并为其设置选择状态为：蓝旗。同时设定动画效果。
8、红旗状态编辑完成后，点击确定，按照下图所示在 case1下邮件复制用例，并粘贴到蓝旗状态下。然后按上一步的操作，将蓝旗点击是的选择状态设置为：红旗。
9、最后F5预览，并点击图像测试效果
相关推荐：

                           Axure 8介绍

Axure又名为“原型设计”，是一个作用于“页面设计”的创作而诞生的应用，能够有效的在短时间内将自己的设计想法“一一实现”的快速编辑工具。

Axure的工作环境：页面导航面板，元件编辑区域，元件注释区域，元件交互面板，菜单栏与工具栏，元件管理面板，母版管理面板。   如下图1所示：

图1

一．页面导航面板：

是用于管理所设计的页面，右击可以添加、删除及对页面层次进行重新            组织。由一个主页面嵌套着些许个“子页面”在其中，可以对所在页面进行随意切换。 

功能：可以随意对多个页面进行同步操作，实现页面之间的无间隙的连接。

二．元件导航面板：在进行页面设计时，往往需要大量的元件来进行设计，从而组成页面，由元件–>页面的过程。而元件又可以分为很多种，例如，常用的基本元件，表单元件，标记元件，表单与表格，icon元件等等…如图2，图3所示：




图2图3

三．元件编辑面板/元件注释区域：利用元件在此区域进行操作，在进行完元件引入之后，随之触发的元件注释区域，为各个元件进行独有的标志，以便在往后的页面设计修改方案中及时更改，从而达到更高的工作效率。

四．元件交互面板区域：俗称“检视区域”，在进行页面设计的过程中，可能需要制作高保真原型，而高保真原型的意思就是将功能“真实模拟化”，要做到如真实效果一样，对操作要求比较高。




对应的还有属性，说明等等…

属性说明：在属性界面中，就是简单的“交互”，在此上面，有【自定义的事件】，也有Axure系统自身配备的交互事件，例如：“单击事件，双击事件，滚动事件，页面加载事件…”

在交互中，也有特殊的条件要求，例如：要设置在页面上的固定位置或者拖动事件等等都要在“动态面板”中才能实现，在其他不同的元件中，也会呈现出不同的交互事件，这就是元件的魅力所在。
样式说明：在样式中，使用方法也和属性一样，但是也仅仅是元件的不同伴随着功能略有不同而已！在样式中，举例：元件“矩形”为例，其中的样式就有：位置、阴影、填充、边框、圆角、透明度、字体、行间距…

注意点：在不同的样式中呈现出来的效果也各不相同。想了解更多详情，请关注【黎肆风】的个人博客。

五．母版面板：点击添加母版，可以暂时储存一定的内容，例如：页面、特殊的元件、又或者是储存着一些“在设计中经常用到的东西”，母版可以快速帮你建模成功，到达高效率。

六．菜单栏与工具栏：在菜单栏中，有着许多功能，例如：“检视面板的部分功能”，“对元件的特殊的条件附加”外加上【元件排序，前后…】如下图所示：