Axure基础入门

通过 http://www.iaxure.com/3788.html 学习，感谢！个人整理的笔记

1、设置元件的角度，ctrl键

2、设置元件形状或圆角

3、设置元件边框：样式中设置

4、设置线段、箭头、边框样式：样式中设置

5、设置元件文字边距、行距：样式中设置

6、设置元件默认隐藏：样式中设置

1、设置文本框输入为密码：属性中设置

2、设置打开选择文件窗口：属性-类型{文件}

3、限制文本框输入字符位数：属性-最大长度

4、文本框提示文字：属性-{提示文字}，点击{提示样式}可设置提示文字的字体、颜色、对齐方式等。以及隐藏提示触发的条件。

5、文本框回车触发事件：属性-提交按钮-选择相应的元件（触发这个元件【鼠标单击时】事件）。

6、设置鼠标移入元件时的提示：属性-元件提示

7、自定义形状

8、列表框的内容：下拉列表框和列表框可以设置：内容-列表项，通过   {属性-列表项}  设置，也可以双击元件设置。  

1、设置元件默认选中、禁用：属性中设置

2、单选按钮唯一选中：属性中设置

3、设置元件不同状态的交互样式

4、图片文本：右键-编辑文本

5、切割、裁剪图片：样式中设置

6、嵌入多媒体文件、页面：双击元件或属性中点击【框架目标页面】，d出界面中选择【链接到url或文件】

7、调整元件的层级

8、组合/取消组合元件：快捷键<Ctrl G>

1、设置页面居中：在页面【样式】设置中选择页面居中的按钮。页面居中是指在浏览器中查看原型时页面内容居中显示。

2、设置页面背景

在页面【样式】中可以编辑页面的背景颜色以及背景图片。

3、设置页面颜色：页面【样式】中，显示界面效果。

1、添加条件判断：用例编辑界面点击添【条件按钮】进行添加条件。

比如：判断当前元件上的文字包含“@”，如下图：

2、设置条件逻辑关系：执行一个动作必须同时满足多个条件，或仅需满足多个条件中任何一个，需要在添加条件界面中进行设置。

设置【符合】全部|任何

3、用例条件转换

多个用例改变条件判断时，只需要在相应用例名称上<鼠标右键>，选择【切换为或】。

1、全局变量设置

全局变量是一个数据容器，就像一个U盘，可以把需要的资料存入，随身携带，在需要的时候读取出来使用。全局变量的设置在【项目】-【全局变量】中。

2、局部变量设置

局部变量在编辑值、文本的界面中进行创建，通过在【插入变量或函数...】列表中选取使用。

局部变量能够在创建时获取多种类型的数据。

3、公式的格式及类型

公式在编辑值/文本的界面中进行编辑，格式为“[[公式内容]]”，公式内的内容可以进行运算，例如：“[[3*15]]”获取的结果为“45”；公式运算结果自动与公式外的内容连接到一起，形成一个字符串，例如：“[[3*15]]个”获取的“45个”。变量与函数需要在写入在公式的“[[ ]]”中才能够正确获取变量值或者函数运算结果。

1、设置形状并排显示细边框：菜单-项目-项目设置。

2、设置画布中遮罩阴影：菜单-视图-遮罩

3、显示、隐藏交互与说明编号：菜单-视图-显示脚注

4、设置自适应视图：项目-自适应视图

1、预览  或  发布-预览设置   进行设置。

2、生成HTML查看原型：发布-生成HTML文件...

生成时，需要保存HTML文件的文件夹。查看设置与预览设置相同。

3、生成部分原型页面

发布原型时，如果不需要将所有页面生成或发布，可以在生成HTML的设置中打开【页面】的设置，取消【生成所有页面】的勾选，则可以设置生成指定的页面。注意，子级页面无法单独发布，勾选子级页面时会自动勾选父级页面。如果需要单独发布子级页面，需要在页面管理面板中将子级页面的级别调整到一级页面。

4、发布原型到AxShare

发布原型到AxShare是指将做好的原型发布到Axure官方提供的空间中，通过自动生成的网址进行访问。发布到AxShare需要预先注册AxShare账号。

5、重新生成当前页面

修改某个页面无需将整个原型HTML文件都重新生成一遍，只需要在【发布】的选项表中，选择【在HTML文件中重新生成当前页面】即可。

看过连载前文的都知道，在Axure中完成一个基本的交互设置其实很简答，我们只要按照提示与引导一步步的选择事件和动作，做好元件和情形（用例）的命名即可。当你熟悉了，情形的命名也可以省略了。

我们知道有些事件的发生是有前提条件的，不同的条件会导致事件发生不同的动作，这就是事务的内在逻辑。“逻辑”一词最早由古希腊学者亚里士多德提出。狭义上逻辑既指 思维的规律，也指研究思维规律的学科即逻辑学。广义上逻辑泛指规律，包括思维规律和客观规律。 逻辑包括形式逻辑与辩证逻辑，形式逻辑包括归纳逻辑与演绎逻辑，辩证逻辑包括矛盾逻辑与对称逻辑。对称逻辑是人的整体思维（包括抽象思维与具象思维）的逻辑。

当我们为事件添加第1个情形时，如果符合情形1的条件，则执行设定的交互动作；添加第2个情形时，则变成了否则这样的句式，则执行设定的交互动作，变成了与第1个情形对立的情况，即除第1个情形之外的条件下，执行情形2的动作。很多时候我们并不希望这样，比如我们希望在选择省份下拉列表时，选项中选择不同的省，下方显示该省的城市列表。这个时候就需要为省份下拉列表添加”选项改变时“事件，将各省的城市列表转换为动态面板不同的状态。在为省份下拉列表这一元件选择不同的选项时，设置动态面板显示不同的状态，将下拉列表的各项作为情形的逻辑条件。这个时候，其实我们希望每个情形的执行是并列关系，互不干扰。因此，在这里我们手动将其他情形切换为如果的逻辑句式。右击情形，选择“切换为[如果]或[否则]"。

全部： 当全部条件都满足时，才能执行设置的动作，每个条件之间是“与”的关系，需要同时成立。我们以登录为例，点击登录按钮时，我们需要判断账号、密码，只有当账户和密码都正确，才提示“登录成功”。账号和密码的条件表达式，他们之间的逻辑关系就是全部。

任何： 当其中一个条件满足时，就可以执行设置的动作，每个条件之间是“或”的关系，即只要求其中一项成立。还是以登录为例，点击登录按钮时，判断账号和密码，如果其中一个不正确，则提示“账号与密码不匹配，登录失败”。

一个完整的条件语句由表达式和运算符构成，表达式的内容可以是文本、变量值、变量值长度、元件文字、元件文字长度、选项、选中状态、面板状态、元件的可见性、元件范围、键盘按键、指针等一切可以通过外在形式表达的内容。运算符包含了算数运算符、关系运算符和逻辑运算符。

连接两个表达式的算数运算符为==和!=。前一个为赋值符号，即将符号右侧的内容赋值给左侧表达式；第二表示不相等，即运算符两侧的内容不相等。

条件表达式中间的关系运算符包含了大于（>）、小于（<）、小于等于（<=）、大于等于（>=）。代表了两侧表达式之间的大小关系，表达式的内容通常是可以量化的数值或变量。

条件表达式中，可供选择的逻辑运算符有：包含、不包含、是、不是。主要表达运算符两侧内容的包含关系和是非关系。

一个事件下可以添加多个情形。比如，你有一个下拉列表框，其中的项是不同的省份，你可以为给“选项改变时”事件添加多个不同的情形，通过不同的下拉列表项，执行不同的动作。

默认情况下，从第二个情形开始都是否则形式的语句，可以手动点击切换为如果形式的语句。在原型中，用例是从上至下按顺序执行的。我们也可以让每个满足条件的情形都被执行。要做到这一点其实很简单，右击情形，并选择“切换为[如果]或[否则]”，将否则切换为如果。

例如，在注册表单中，对每个文本输入项的内容进行单独验证。当点击注册按钮时，可以为每个文本框添加一个如果结构的条件情形，如果不符合条件，情形就动态显示不同的错误提示。

5.为事件添加第2个情形，添加逻辑条件，在条件创建d框中，运算符左侧分别选择被选项和当前，运算符右侧分别选择选项和浙江。点击插入动作，动作列表选择”设置面板状态”，选中“城市”动态面板，面板状态切换为“浙江”，点击完成，完成动作设置。

---