Axure基本使用教程+示例.docx

Axure使用介绍文档 目录 一、Axure rp 的界面 2 二、Axure rp的线框图元件 3 三、Axure rp的元件触发事件 4 四、Axure rp的条件生成 6 五、系统函数与变量 8 六、动态面板的使用 14 七、母版的使用 20 八、中继器的使用 28 一、Axure rp 的界面 （界面显示各个区域可在主菜单工具栏-视图中找到） 1、菜单工具栏：同大部分软件类似，可选择Axure各个功能的工具区。 2、操作界面：绘制产品的操作区，所有元件、部件可拖与此区域操作。 3、站点地图：页面文件存放区域，可增加、删除、修改、查看页面；可设置页面级别。 4、元件库（部件库）：主要分为流程图和线框图；可拖动元件库里的元件到操作界面进行产品绘制；为提高效率，元件库也可自行导入已经可使用的元件。 5、母版：母版的使用主要针对于顶部导航、底部导航，多个页面中重复出现的元素，可先绘制与母版中，再拖动到需使用的页面（比起重复操作，修改扩展行也更强）。 6、页面属性：可设置当前页面的注释、交互、与样式。 7、元件交互与注释：可对操作页面中用到的元件或元件与元件之间的交互事件进行设置（如动态面板显示与隐藏、鼠标点击事件、鼠标移入移出事件等）。 8、元件属性和样式：可设置选中元件的基本样式与属性。 9、部件管理（动态面板管理）：该区域可对已设置的动态面板状态进行操作，可添加、删除、进行排序，也可双击动态面板进入编辑。 二、Axure rp的线框图元件 1、图片：图片元件拖入编辑时，可双击载入本地磁盘的图片，载入图片是Axure会自动提示将大图进行优化，避免原型文件过大；载入的图片可以选择原图大小也可以保持元件大小。 2、文本：标题1、标题2、单行文本、多行文本都属于文本类型的元件，在网页中的名称为lable，主要用于文字描述、文本链接等功能 3、矩形：矩形可用作背景、按钮等元件使用；双击矩形可输入文本；拖入矩形时默认是直角矩形，可通过左右拖动左上角的黄色小三角来改变圆角半径；也可通过右键选择形状来改变当前形状。 4、占位符：顾名思义，主要用于替代一些没有交互或交互比较简单的区域。 5、圆角矩形：与矩形功能相似，不同的是拖动使用时，默认为圆角并且有文字说明。 6、水平线、垂直线：两种线的功能一样，主要用于区域与区域之间的划分；也可通过改变角度变成斜线。 7、图片热区：在查看页面效果时不显示，于鼠标点击或移入移出某个区域产生交互时而使用，可理解为一个有效范围。 8、动态面板：页面交互里非常重要的使用元件，在Axure中是必须要学会的，可直接拖动动态面板到页面中，也可通过自行选择需要用到交互的元件选好后，右键转为动态面板，之后再进行设置事件的交互。 9、内部框架：用于页面中嵌入其他页面的Axure元件，可双击指定要嵌入的页面，多用于网站后台原型。 10、中继器：Axure7.0开始更新的元件，中继器的功能非常复杂，主要用于表格或列表中对数据进行记录、排序、分类、分页等操作；中继器就是数据的集中池。 11、窗体部分元件：包含单行文本框、多行文本框、下拉列表框、列表选择框、复选框、单选框、HTML按钮（网页中常用到的基本元件） 12、菜单和表格部分元件：包含树、表格、经典菜单-水平、经典菜单-垂直（主要用于网站导航、多用于后台） 三、Axure rp的元件触发事件 1、OnClick（鼠标点击时）：除了动态面板外的所有元件点击时触发 2、OnMouseEnter（鼠标移入时）：鼠标进入某个元件范围时触发 3、OnMouseOut（鼠标移出时）：鼠标移出某个元件范围时触发 4、OnKeyUp（按键弹起时）：文本框（单行与多行）编辑时，键盘按下某一个按键松开时触发 5、OnFocus（获取焦点时）：一个元件点击或切换获取焦点时触发 6、OnLostFocus（失去焦点时）：一个组件失去焦点时触发 7、OnChange（选中项改变时）： 8、OnMove（移动时） 9、The OnShow and OnHide events（显示或隐藏时） 10、OnPanelStateChange（状态改变时） 11、OnDragStart: Occurs when the drag begins（开始拖动面板时） 12、OnDrag: Occurs as the panel is dragged（面板拖动时） 13、OnDragDrop: Occurs when the panel is dropped（面板拖动结束时） 四、Axure rp的条件生成 用Axure制作原型时，经常用到交互事件以达到页面的保真效果，而为保障能完成更加复杂的交互事件，就需要用到条件。 1、新增条件 （1）、要对元件或其他相关页面添加交互事件的条件，首先双击需要添加条件的事件，打