axure新手入门基础

1、Axure初学者基础名词解释：线框图表：一般指产品原型。例如，尽快绘制线框图表意味着尽快制作原型。轴组件：也称为轴组件或轴组件。该系统配备了一些最基本和最常用的组件，还有许多其他组件是在互联网上实现的。当软件在某个阶段使用时，你可以考虑自己制作组件来提高产品原型的生产速度。生成原型：通过AXURRP从绘制的原型生成静态html页面，检查原型是否正确，并便于演示。建议在生成时使用谷歌浏览器打开它(第一次会提示你安装相关插件)，ie总是会有安全提示，这不像谷歌浏览器那么方便。(a) Axure rp接口1-主菜单工具栏：大多数类似于办公软件，没有详细的解释，当鼠标移动到按钮时会有相应的提示。2-主

2、操作界面：绘制产品原型的操作区域，将所有使用过的组件拖动到该区域。3-站点地图：所有页面文件都存储在此位置，您可以在此位置添加、删除、修改和查看页面，并通过拖动鼠标调整页面顺序和页面之间的关系。4轴构件库：或轴构件库和轴构件库。所有软件自己的组件和加载的组件库都在这里。您可以在这里创建、加载和删除axure组件库，也可以根据需要显示某个组件库的所有组件或组件。5- Master management:在这里，您可以创建、删除和绘制出现在每个页面上的元素，如页眉和导航栏，然后将它们加载到要显示的页面上，这样您就不必在制作页面时重复这些操作。6-页面属性：您可以在这里设置当前页面的样式，添加与页面

3、相关的注释，以及设置页面加载时触发的页面加载事件。7-组件属性：在这里可以设置所选组件的标签和样式，添加与组件相关的注释，设置页面加载时触发的事件；A-交互事件：组件属性区域中闪电样式的小图标代表交互事件；组件注释：交互式事件左侧的图标用于添加组件注释。在这里，我们可以添加一些关于组件鉴定的注释。例如，在文本框的情况下，我们可以添加注释，指出输入字符长度不能超过20。组件风格：交互事件右侧的图标用于设置组件风格。您可以在此更改原稿的字体、大小和旋转角度，也可以设置多个组件的对齐和组合。8动态面板：这是一个非常重要的区域，您可以在这里添加和删除动态面板的状态并对状态进行排序，或者在这里设置动态面

4、板的标签；当覆盖绘图原型的动态面板时，我们可以在这里点击选择相应的动态面板，或者双击状态进入编辑。这里介绍了AXURRP的接口。基本上，界面中的所有区域在产品原型制作过程中都被频繁使用，因此建议不要关闭任何区域。如果它被意外关闭，可以通过主菜单工具栏-视图-重置视图进行检索。(Axure rp的线框组件l图片将图片元素拖到编辑区域后，您可以双击选择本地磁盘中的图片，并将图片加载到编辑区域。axure会自动提示优化大图片，以避免原型文件过大；选择图片时，您可以选择图片的原始大小或保持图片组件的大小。l文本网页中文本的名称是可用的，它用于向页面添加解释性文本、文本连接或一些动态提示。l矩形矩形被广

5、泛使用，例如页面背景、按钮和一些元素的覆盖。通过右键单击-编辑选项-更改形状，可以将矩形的形状更改为我们需要的形状。例如，当我们制作一个标签时，我们需要一个顶部为圆形的矩形，这样我们就可以改变矩形的形状。l占位符当制作原型时，它可以用来替换一些没有交互或者相对简单容易解释的区域；它也可以做成关闭按钮。占位符对高保真产品原型影响很小。l圆形矩形这个人认为圆角矩形被广泛使用，所以它被单独作为用户的一个组件取出，并且省略了矩形的设置。l动态面板非常重要的轴组件、必须学会使用的组件、动态面板的显示、隐藏和多状态等。都非常有用。我在这里不会介绍太多，但请参考：小型建筑轴图教程(5)动态面板的使用。l水平

6、线它是一条水平线，可以用来表示页面上某些区域的划分，例如在两个不同的区域之间添加一条水平线，以便清楚地区分。可以通过将组件属性中的角度Rot设置为对角线来使用水平线。l垂直线没什么好说的。它具有与水平线相同的功能。l图片热区当单击图片中的某个区域以生成交互事件时，会用到它。图片的热区也是一种矩形，这可以通过设置矩形为无边框和背景色为100%透明来实现。l文本框(单行)用于输入文本的轴组件，用于登录、标题、密码框(鼠标右键-编辑选项-隐藏文本)等。l文本框(多行)从字面意义上，我们知道它的功能，它是一个实现更多文本内容输入的轴组件，用于回复、评论、微博发布框等功能。l下拉列表(框)多选项轴组件在

7、鼠标点击时展开，主要用于类别选择或多条件查询效果。l列表框具有滚动条效果的多选列表。就个人而言，它看起来很难看，而且应用程序也不多。对于应用程序场景，您可以参考word来自定义在快速访问工具栏中添加项目的效果。l复选框复选框用于同一类别的内容，可以同时选择多次，如注册时选择个人兴趣，批量删除邮件时选择多封邮件的功能。l单选按钮多个选项只能一次使用，如性别选择。多个单选按钮的联动效果需要通过同时选择多个要联动的单选按钮-鼠标右键-编辑选项-指定单选按钮组来实现。这也可以通过设置每个单选按钮的onclick事件来实现，没有任何麻烦。l内部框架用于在页面中嵌入其他页面的组件可以设置大小，然后双击以指

8、定要嵌入的页面。滚动条可以通过编辑框架中的选项来取消，应用场景在网站背景原型和移动互联网产品原型中更常见。l型桌子很常见，所以我不需要解释它们。每个表都可以用单独的事件来设置，但是axure还不支持单元格合并。l菜单纵向主要用于网站导航。用于网站的背景。l菜单横向主要用于网站导航，主要用于网站前台。l树主要用于网站导航。用于网站的背景。上面提到的所有axure组件示例：单击下载(3)轴频元件的触发事件L OnClick(单击时):鼠标单击事件，当单击除动态面板之外的所有其他元素时触发。比如点击一个按钮。当鼠标进入某个组件范围时，例如当鼠标在某个组件上移动时显示图片的介绍，被触发。当：鼠标离开某

9、个组件范围时触发。例如，当鼠标离开图片时，图片介绍会消失。当编辑：文本框(单行和多行)时，当键盘按键释放时触发，不支持其他轴组件。例如，计算文本框中输入的单词数。当一个元素通过点击或切换获得焦点时，L OnFocus :被触发。例如，编辑搜索框时，清除提示“请输入关键字”。当一个组件失去焦点时，L OnLostFocus :被触发。例如，用户名和密码的身份验证。当下拉列表框或列表框中的选定项目发生变化时，将触发L OnChange(当选定项目发生变化时):并且不支持其他组件。例如，在选择地址时，选择不同的省份并显示该省的相应城市。特定于动态面板的事件当动态面板移动时触发。它是指当控制面板被其他

10、事件移动时，进度比率的变化，例如当进度条被移动时。当动态面板被隐藏或显示时触发。例如，当图片显示时，按钮文本关闭图片，当图片隐藏时，按钮文本打开图片。当动态面板改变面板状态时触发。例如，通过改变动态面板的状态来实现进度条效果，并且当状态改变时，相应的进度比率也改变。Londragstart :在拖动开始时出现：当动态面板开始拖动时触发。例如，当拖动动态面板时，会显示文本提示“拖动开始”。L ondrag :在拖动面板时发生：当拖动动态面板时触发，例如，拖动一个动态面板，另一个面板向前移动。当面板被放下时发生Londragdrop :当拖动结束时触发。例如，滑动以解锁，当面板被拖动时，根据滑块的

11、位置设置相应的效果。(4)条件发生器在轴原型制作过程中，我们经常需要触发一个接一个的事件来与设计效果展示的需求进行交互。在这些事件中，我们经常需要在满足特定条件时完成特定的操作。例如，当文本框中的文本为空时，单击按钮无效。或者拖动动态面板返回到原始位置，而不到达指定位置。在本教程中，我们将讨论如何使用条件生成器。至于条件的设定，我们以后会结合相关案例逐步深化。(a)条件逻辑条件生成器只能在我们双击一个事件以打开用例编辑器后打开。如屏幕截图中的位置1所示，单击蓝色的“添加条件”以打开条件生成器。打开条件生成器后，在位置2有两个选项，一个是“全部”，另一个是“任何”。全部：事件触发后，在继续下一个

12、动作之前，必须同时满足条件生成器中设置的所有条件；否则，将不会执行任何操作。以方言为例：如果税款已经支付了五年(条件1)，并且支付时间没有中断(条件2)，您可以参加抽奖(下一步)。这个例子太可悲了：(。任何：事件触发后，只要条件生成器中的任何条件得到满足，就将执行下一个操作。以白话文为例：如果你连续五年纳税(条件1)或连续60个月缴纳社会保险(条件2)，你就可以买房子(下一步)。尼玛，我的心开始酸了！(2)可以设置的条件可设置条件是指图片中位置3包含的内容。它们是：l变量值：软件附带一个变量“onloadvariable”，它也可以添加、删除或重命名。可以从菜单栏左侧第四项中的第三项“管理变量

13、”操作管理变量(中文版“线框”)。当然，在条件编辑器中选择变量时，最后一项“新建”也可以完成变量的管理。变量值可以是字母、数字、特殊字符和汉字或它们的任意组合。l可变长度：指变量值中的字符数，一个汉字在轴上的长度为1。可变长度的值可以由axure自己的函数获得。l组件文本：指每个组件上的可编辑文本。它不包括：动态面板，图片热点，垂直线，水平线，内部框架，下拉列表和列表框。l组件值长度：仅包含单行和多行文本框、下拉列表和列表框。l已检入：仅适用于单选按钮和复选框，选中时值为“真”，未选中时值为“假”。l所选项目：仅适用于下拉列表和列表框，所选状态通过获取组件的当前值来确定。动态面板状态：专用于动

14、态面板，通过获取事件触发时动态面板的状态来确定。动态面板可见性：动态面板是专用的，动态面板的显示或隐藏作为判断条件。焦点元素上的文本：即通过用鼠标或制表符来切换所选元素上的文本，例如，当文本框获得焦点时，光标在文本框中闪烁；获得焦点时，按钮周围会出现一条虚线。l值：可以是字母、数字、汉字、符号、函数和公式；您可以直接输入，或点击fx进入编辑。您可以设置条件，如等于、不等于、大于、包含、是和否。具体使用方法将在后面的案例中详细说明。拖放光标：指拖动动态面板时光标(鼠标指针)的位置，根据拖放光标是否进入某个组件的范围。l组件范围：指组件覆盖的范围，该范围基于指定组件是否被触摸。(e)系统功能和变量

15、1.变量类型：全局变量：它可以在整个原型的任何地方被调用和修改。局部变量：它只在事件的一个动作中起作用。用户定义变量：一个自创建的全局变量。2.轴功能特殊变量：特殊变量实际上是软件附带的一个函数，就像excel中的一个函数，它可以被调用来得到一些特定的值。函数：除了运算符之外的三个函数，可以进一步操作变量以获得所需的值。例如，截取可变字符串中的段落或计算可变字符串的长度。3.特殊变量的使用使用时，我们只需要点击选择相应的变量或者直接输入变量名，然后我们就可以通过不同的表达式得到想要的效果。例如，如果我们想在文本框中显示当前日期(yy-mm-dd格式)，可以通过以下表达式实现：年-月-日4.函数

16、的使用函数中的函数是通过“变量名”来实现的。函数名(参数):示例1:截取变量“页面名称”中的前三个字符PageName.substring(0，3)示例2:获取页面名称字符的长度PageName.length示例3:将变量转换为小数点后两位数的值自定义变量名。toFixed(2)5.变量的使用场景1)记录登录状态；2)在显示编辑框中可以输入多少个汉字；3)滚动条的实现；4)根据不同的变量跳转到不同的页面N)太多了，我不会一一列举。简而言之，使用变量的一般过程是添加变量、修改变量值、判断变量值以及根据不同的值执行不同的操作。值得注意的是，在事件设置中，当在当前页面上打开一个新窗口时，如果同时有一个对变量的操作，记得在跳转到该页面之前写变量操作，之后写的变量将无效。(六)关于在轴电流脉冲触发事件中使用中频和否则中频的说明如果=如果否则，如果例如：“天气变化时”事件用例1:如果下雨，用雨伞执行用例2:埃尔塞夫在冰雹下戴着头盔表演用例3:如果为真，则不执行任何操作什么意思？在Axure中，默认情况下，事件中的每个用例都是相关的，并从上到下执行。上面的例子是：天气变化时，如果真的下雨，带把伞；否则，如果冰