Axure9（基础一）

Axure9

记录Axure9学习的过程。

Defalut元件库

Ctrl+拖移单击复制

基本元件
1、图片

XY坐标，长宽
①拖入主页面，双击插入图片；
②阴影设置（x:-5 y:-5 --上部左部阴影）

2、标题

垂直显示

3、矩形

矩形是Axure的基础原件。

选择形状
右键矩形选择形状/插入


形状的大小是按照初始矩形大小。

调节圆角

4、占位符

绘制新闻图可以用占位符把位子占住。

5、按钮

6、水平线、垂直线

功能：分割不同的区域（网页）。

表单元件

负责在网页中采集数据的元件。

7、文本框
调整大小：

8、单选按钮、复选按钮
单选按钮建议使用选项组。

9、下拉列表

10、列表框

菜单|表格
11、树
常用于网站功能菜单。

编辑树属性：
编辑图标，按导入，可以导入icon。

编辑图标：
节点里面的图标

12、表格
展现数据的分布情况。

批量设置宽度高度：全选、设置W、H

13、水平、垂直菜单

填充完：

页面样式 基本交互

背景

样式-填充

纯色

图片背景

基础交互

右键-组合

新建交互

新建动作

自适应视图

好处：
1、可以快速生成多尺寸设计稿，调整方便，时时可预览；
2、可分享，效果堪比视觉并开发的版本，可以用来收集意见，降低开发风险。
3、响应式，设计体验更加生动。

添加继承

  在不同大小中，可以复制，删除，粘贴（即可自适应）。

注意：

不要按 影响所有视图。

概要页

  在概要页里，图层的排列顺序是由高到低的。

勾选-可隐藏（可不删除的隐藏）。
  从视图中隐藏，他仅限于动态面板或者组合起来的控件，单个控件它是不能隐藏的。

搜索可查找控件。
  要养成给控件起名（调用/交互）。

筛选

显示跳转页面

显示跳转页面是使用交互中 的新建交互-添加事件-打开链接

可以打开原型中的链接，也可以是URL或者文件路径

在父级窗口中打开链接，一定使用弹窗

打开选项:

弹窗中的链接中按钮可设置打开在父级窗口。
关闭窗口需要新建交互-添加事件-关闭窗口

滚动到元件锚链接（锚点滚动效果案例）

将矩形框置于底层方法：
1、右键-顺序-置于底层
2、概要 拖动到最后

锚点滚动效果方法:
1、把滚动效果到达的元件起名字
2、选择点击的元件 使用交互中 的新建交互-添加事件-滚动到元件
3、目标选择 滚动效果到达的元件
4、选择水平/垂直/不限
5、选择动画效果（普遍线性）
6、将动态面板 选择样式-固定到浏览器窗口

转换动态面板：
1、选择元件
2、右键-转换动态面板

移动实现锚点滚动效果（用户服务协议案例）

移动实现锚点滚动效果：
1、将查看内容元件-右键-组合-选择–转换成动态面板
2、记录每一项的移动位置

3、目标是内容元件组件 -选择到达-填写记录的位置坐标-选择线性

到达是绝对位置
经过是相对位置
4、选择导航栏-转换成动态面板

文本框的11种类型

文本框扩展功能

提示文本：

隐藏提示：
输入（只有输入会消失）
获取焦点（按一下提示就消失了）

工具提示：
选择：

效果：

提交按钮：
设置后按回车相当于点击设置的控件。

此时设置登录按钮-新建交互=单击-打开链接-选择欢迎连接即可实现登录

最大长度：

设置最大长度，输入数量=最大长度时。就无法输入

禁用：系统无法和用户交互，不能选择、输入、更改、复制。
只读：可以选择。复制，不能输入、更改。

选择控制语句

直至if true停止判断条件。

设置选择语句

初始：

步骤：
1、将文本框设定名字“搜索内容”
2、选择搜索按钮 新建交互-单击时-右键添加情形（将条件都写到情形中）

3、情景编辑

选项：（元件文字元件上的文字）

ELSE IF TRUE 无需设置情形编辑，直接设置文本即可：

4、选中条件-选择动作-设置文本

富文本：

设置结束：

效果：

输入其他的东西：

容易出错的四个场景

1、没有将ELSE IF TRUE 放置最底

发现如果真，则case3不被执行，被归入case4的情形。

2、将ELSE IF TRUE 放置最上面

只会被执行case4。

3、情景忘记添加情景

结果所有都是如果真。

4、最后的条件设置错误

输入其他就不会有提示了。