Axure基本使用教程+示例

1、轴使用介绍文件目录一、Axure rp 2接口二。Axure rp的线框元素3三。Axure rp 4的组件触发事件四.Axure rp 6的条件生成V.系统功能和变量8六.动态面板14的使用七、掌握20的使用八.中继器的使用28一、Axure rp接口(界面显示的每个区域都可以在主菜单工具栏-视图中找到)1.菜单工具栏：和大多数软件一样，你可以选择Axure每个功能的工具区。2.操作界面：绘制产品的操作区域，通过该区域可以拖动所有元素和组件进行操作。3.站点地图：页面文件存储区，可以添加、删除、修改和查看页面；您可以设置页面级别。4.构件库(Component library):主要分为流程

2、图和折线图；您可以将组件库中的组件拖动到产品绘图的操作界面；为了提高效率，库还可以导入已经可用的组件。5.主界面：主界面主要用于顶部导航和底部导航。重复出现在多个页面上的元素可以先被绘制到母版中，然后被拖动到要使用的页面上(与重复操作相比，修改延长线也更强)。6.页面属性：您可以设置当前页面的评论、交互和样式。7.组件交互和注释：可以设置操作页面中使用的组件或组件之间的交互事件(如动态面板显示和隐藏、鼠标点击事件、鼠标进出事件等)。)。8.组件属性和样式：您可以设置所选组件的基本样式和属性。9.组件管理(动态面板管理):在该区域可以操作设置动态面板状态、添加、删除和排序，或者双击动态面板进入编

3、辑状态。第二，Axure rp的线框元素1.图片：当图片组件被拖动到编辑状态时，您可以双击加载到本地磁盘上的图片。加载图片时，Axure会自动提示优化大图片，避免原型文件过大；加载的图片可以选择原始尺寸或保持组件尺寸。2.文本：标题1、标题2、单行文本和多行文本都属于文本类型元素，网页中的名称为“标签”，主要用于文本描述、文本链接等功能3.矩形：矩形可以用作背景，按钮和其他元素；双击矩形输入文本；拖动矩形时，它默认为直角矩形。您可以通过左右拖动左上角的黄色三角形来更改圆角的半径；您也可以通过右键单击形状来更改当前形状。4.占位符：顾名思义，它主要用于替换一些没有交互或简单交互的区域。5.圆角矩

4、形：类似于矩形功能，不同的是当拖动时，它默认为带文字描述的圆角。6.水平线和垂直线：两条线的功能相同，主要用于区域之间的划分；它也可以通过改变角度变成对角线。7.图片热区：在查看页面效果时不显示，而是在鼠标点击或进出某个区域产生互动时使用，可以理解为一个有效范围。8.动态面板：页面交互中非常重要的组件，必须在Axure中学习。您可以将动态面板直接拖到页面上，或者您可以选择需要自己用于交互的组件，右键单击以切换到动态面板，然后设置事件交互。9.内部框架：Axure组件用于在页面中嵌入其他页面，可以双击指定要嵌入的页面，主要用于网站后台原型。10.中继器：Axure7.0中更新的一个元素。中继器的

5、功能非常复杂，主要用于记录、排序、分类和分页表格或列表中的数据；中继器是集中的数据池。11.表单的一些组件：包括单行文本框、多行文本框、下拉列表框、列表选择框、复选框、单选框和超文本标记语言按钮(网页中常用的基本组件)12.菜单和表格的一些组成部分：包括树，表格，经典菜单-水平，经典菜单-垂直(主要用于网站导航，主要用于背景)Iii .Axure rp的组件触发事件1.OnClick:当除动态面板外的所有组件都被单击时触发。2.当鼠标进入某个组件范围时触发3.当鼠标移出某个组件范围时触发4.当编辑一个文本框(单行和多行)时，当键盘按下某个键释放它时，它被触发5.焦点：当一个元素点击或切换到焦点

6、时触发6.OnLostFocus:当组件失去焦点时触发7.更改(当选定项目更改时):8.移动时9.OnShow和OnHide事件10.OnPanelStateChange(当状态改变时)11.拖动开始时出现ondragstart :12.dragon :在拖动面板时出现(当拖动面板时)13.当面板掉落时，会出现ondragdrop :四.轴rp的条件生成当使用Axure原型时，交互事件通常用于实现页面的保真度，并且需要条件来确保更复杂的交互事件能够完成。1.新情况(1)要向组件或其他相关页面添加交互事件条件，首先双击需要添加条件的事件，打开用例编辑器。在用例编辑器第一步的用例描述右侧(如图1所

7、示)，单击添加条件打开条件生成。(2)图中数字2的位置包括全部或任意，两个选项可选；就像这个词的意思一样，要形成一个完整的条件语句，它不允许满足所有的条件或其中的任何一个。(3)图中数字为3的区域是实际设置条件的区域。图中的数字4显示了可设置的条件，包括值：可以是字母、数字、汉字、符号、函数和公式；您可以直接输入，或单击fx将其包括在编辑中。变量值：Axure中的默认变量值是OnLoadVariable，可以通过创建、重命名或删除来操作。变量值长度：变量值中的字符数，其中Axure中的一个汉字是一个字符。组件文本：组件中的可编辑文本，当然必须是可编辑文本组件。它不包括-动态面板，图片热点，垂直

8、线，水平线，内部框架，下拉列表和列表框。焦点部分上的文本：用鼠标或制表符在选定组件上切换文本；如果文本框获得焦点，光标在文本框中闪烁；获得焦点时，按钮周围会出现一条虚线。分量值长度：分量中的字符数；仅包含单行和多行文本框、下拉列表和列表框。选定项目值：选定值为“真”，选定值为“假”；仅适用于单选按钮和复选框。选定状态值：通过获取组件的当前值来确定选定状态，该值仅适用于下拉列表和列表框。动态面板状态：仅由动态面板使用，事件由动态面板状态触发。组件可视性：以组件的显示和隐藏为判断条件，以真为显示，假为隐藏；它还包括动态面板的显示隐藏。组件范围：指组件所覆盖的范围，取决于指定组件是否被触摸。自适应视

9、图：自适应视图具有继承关系，条件由视图之间的关系引用。V.系统功能和变量1.变量与其他计算机语言类似，它包含以下变量类型全局变量：可以在整个原型的任何地方被调用和修改局部变量：仅在事件的动作中起作用自定义变量：一个自创建的全局变量2.系统功能(1)、组件功能小工具。宽度：获取组件的宽度。用法：get LVAR。宽度；通过局部变量；小工具。高度：获取组件的高度；使用方法：获取LVAR。高度；通过局部变量；小工具。x:获取组件左上角顶点的x坐标值。使用方法：获取LVAR。x；通过局部变量；小工具。Y:获取组件左上角顶点的Y坐标值。用法：获取LVAR。y；通过局部变量；小工具。左侧：获取组件左侧边界

10、的x坐标值。使用方法：获取LVAR。向左；通过局部变量；小工具。顶部：获取组件顶部边界的Y坐标值。用法：获取LVAR。顶端；通过局部变量；小工具。右：获取组件右边界的x坐标值等。使用方法：获取LVAR。右；通过局部变量；小工具。底部：获取组件底部边界的Y坐标值。用法：获取LVAR。底部；通过局部变量；(2)窗口功能窗户。获取窗口水平滚动的当前坐标值；用法：窗口。ScrollX窗户。滚动：获取窗口垂直滚动的当前坐标值；用法：窗口.滚动窗口宽度：获取窗口的宽度，使用：窗口宽度窗口。高度：获取窗口的高度，使用：窗口。高度(3)鼠标功能光标。获取鼠标X轴的坐标值，使用：光标。x；光标。Y:使用光标获取

11、鼠标Y轴的坐标值。Y。(4)数字功能指定数字的小数位数。用法：如果n=1.232，n.toFixed(2)返回1.23；ToExponential:使用n. toExponential(参数)，将对象的值转换为指数计数方法；ToPrecision:将数字格式化为指定长度：如果n=1，n. toPrecision (6)返回1.00000。(5)字符串函数介绍CharAt:返回指定位置的字符。用法：LVAR。charAt(位数)返回指定位置的字符的Unicode编码。用法：LVAR。charCodeAt(位数)连接字符串。(尚未发现实际用途)从字符编码创建一个字符串。(未成功测试)检索字符串。用

12、法：LVAR。索引Of( 字符串)从后向前搜索字符串。用法：LVAR。(字符串)切片：提取字符串的一个片段，并在新字符串中返回提取的部分。用法：LVAR。分割(开始，结束)切片参数介绍：开始要提取的片段的开始下标。如果为负，此参数指定从字符串末尾开始的位置。也就是说，-1表示字符串的最后一个字符，-2表示倒数第二个字符，依此类推。紧接着要提取的剪辑结尾的结尾下标。如果未指定此参数，则要提取的子字符串包括从原始字符串开始到结束的单词一串符号。如果参数为负，则指定从字符串末尾开始的位置。拆分：将字符串拆分成字符串数组。使用方法1: LVAR1。split ()如果lvar1等于a，s，d，f，g，

13、则返回a，s，d，f，g。使用方法2: LVAR1。split ()如果lvar1等于asd fg，则返回ASD fg子字符串：从起始索引号中提取指定数量的字符。用法：LVAR。子串(开始，停止)Substring:提取字符串中两个指定索引号之间的字符。用法：LVAR。子串(开始，停止)子字符串参数简介：需要启动。一个非负整数，指定要在stringObject中提取的子字符串的第一个字符的位置。停止是可选的。非负整数，比要在stringObject中提取的子字符串的最后一个字符多一个字符。如果省略此参数，子字符串将返回到字符串的末尾。LVAR。子串(开始)ToLowerCase:将字符串转换为

14、小写。用法：LVAR。toLowerCase ()ToString:返回一个字符串。(尚未发现实际用途)将字符串转换成大写。用法：LVAR。toUpperCase ()修剪：删除字符串两端的空格。用法：LVAR。trim ()(6)数据功能介绍GetDate:返回一个月中的一天(1 31)。用法：LVAR。getDate ()，LVAR格式为标准日期格式，如年/月/日、年-月-日等。GetDay:返回一周中的某一天(0 6)。用法：LVAR。getDay ()返回一周中某一天的英文名称。用法：LVAR。getDayOfWeek ()GetFullYear:返回日期中的四位数年份。用法：LVAR。getFullYear ()GetHours:返回日期中的小时数(0 23)。GetMilliseconds:返回毫秒数(0 999)。GetMinutes:返回日期中的分钟数(0 59)。GetMonth:返回日期中的月份(0 11)。GetMonthName:返回日期中月份的名称(0 11)。GetSeconds:返回日期中的秒数(0 59)。我做不到。卢老师快死了。请你自己研究一下。返回自1970年1月1日以来的毫秒数。返回本地时间和格林威治标准时间之间的分钟差。获取日期getUTCDaygetUTCFullYear获取时间getutcma