Axure 9 使用

一、界面初识

二、基础功能

1.菜单栏

1.1文件

新建文件：axure9包含四种文件.rp代表原型文件，.rplib代表元件库文件，.rpteam 团队项目文件 .html 网页文件 

偏好设置：备份，需要备份文件再从备份中恢复

创建项目团队文件

1.2 编辑与视图

编辑：剪贴、复制、黏贴、查找、替换

视图：

工具栏：自定义工具栏

功能区

显示网格

1.3项目

 项目：

元件样式管理器

页面样式管理器

主要设置全局变量

1.4 发布

预览

发布AXURE云

生成HTML文件

生成word文件说明书

1.5 团队 账户 窗口 帮助

团队：获取并打开团队项目

账户

2.工具栏

主要包括基础功能工具栏、样式工具栏

选中：相交选中 、最好选中包含选中

链接

组合

对齐和分布

预览和共享

字体、填充等操作

线段

箭头

坐标

3.页面区域

管理原型的页面和文件夹，可以对已有页面和文件夹进行增删改查操作 编辑他们层级关系

4.概要区域

显示某个具体页面的所有元件及层级关系

可以调整概要中的元件顺序，变更他们显示顺序

5.元件面板

系统自带三个元件库，这些元件的搭配使用形成了原型

6.母版区域

管理页面中的母版（经常使用的模块）

7.交互面板

制作页面和原中所有的交互动作

8.样式面板

编辑元件及页面样式

9.说明编辑区

针对元件或者页面添加说明

10.画布

包括X、Y轴、负坐标，制作原型使用，坐标的像素是像素

三、元件及应用

1.矩形

可以制作框架、按钮等

2.占位符

页面的位置被占用

3.图片

导入外部图片

4.按钮

5.文本标签

设置文字不同的效果，字体、字号、字重

6.热区

增加元件的点击范围

7.动态面板

8.内联框架

9.中继器

10.表单

文本框：快速实现提示文字和不同文字显示效果 

下拉列表：快速实现下拉框及默认显示项效果

单选

复选

11.菜单

包含树、表格、水平、垂直菜单

12.标记

快照

箭头

便签

标记

四、交互设计

事件：元件添加一个交互就是交互事件

点击元件，新建交互

启用情形：设置交互事件后，可以根据实际情况启用情形，

1 鼠标交互

鼠标悬停

鼠标按下

选中

禁用

获取焦点：文本框

单击

双击

鼠标右击

2.形状交互

移动时

旋转时

尺寸改变

显示时

隐藏时

3.页面交互

窗口尺寸改变时

页面载入时

视图改变时

窗口向上滚动

窗口向下滚动

窗口滚动时

4.内联框架交互

移动

尺寸改变

显示时

隐藏时

载入时

5.动态面板

手势交互

动态面板交互

6.中继器交互

载入时

每项加载时

列表改变时

7.文本框

文本改变时

8.下拉列表

选项改变时                                                                                           

9.单选、复选、交互                                                                                                                                                                                                

 五、交互动作

事件+动作=交互效果                      

5.1 链接动作

打开链接

关闭窗口

框架中打开链接

滚动到元件

5.2 元件交互

显示/隐藏

设置面板状态

设置文本

设置尺寸

获取焦点

5.3 中继器动作   

添加排序

添加行

标记行

更新行

删除行

5.4 其他动作

设置自适应视图

设置变量值

等待

其他：在弹出窗口        中显示提示文字

六、变量和函数

对象：一个具体的元件

属性  

函数：针对对象操作

 6.1 变量

局部变量

需要提前创建，只能作用于当前事件，命名时注意只能英文+数字

全局变量

需要提前创建（项目添加全局变量），可以作用于整个文档、任意页面，

6.2 中继器变量属性

item：

item：获取数据集一行

item,列名:获取数据行中指定列的值

index：获取数据行的索引编号 编号起始为1

isfirst：判断数据行是否为第一行

islast：判断数据行是否为最末行

isEven：判断数据行是否为偶数行

isOdd：判断数据行是否为奇数行

isMarked：判断数据行是否被标记

isVisible：判断数据行是否为可见行

repeater：

visibleItemCount ：中继器项目列表中可见项的数量

itemCount：加载项数量

dataCount：获取中继器数据集中数据行的总数量

pageCount：获取中继器分页总数量

pageindex：获取中继器项目列表当前显示内容的页面

6.3 元件属性

this ：获取当前元件对象

target ：获取目标元件对象

x：获取元件对象的x轴坐标值

Y：获取元件对象的x轴坐标值

width：获取元件对象的宽度值

height：获取元件对象的高度值

scrollX：获取元件对象水平移动的距离

scrollY：获取元件对象垂直移动的距离

text：获取元件对象的文字

name：获取元件对象的名称

top：获取元件顶部边界坐标轴

bottom：获取元件底部边界坐标轴

opacity：获取元件对象的不透明值

rotation：获取元件对象的旋转角度

6.4 页面属性

PageName：获取当前页面的名称

6.5 窗口属性

window.width::获取浏览器当前宽度

window.height::获取浏览器当前高度

window.scrolLX::获取浏览器当前水平滚动距离

window.scrolly::获取浏览器当前崔志滚动距离

6.6 鼠标指针

cursorX：鼠标当前的x轴坐标

cursorY：鼠标当前的y轴坐标

DragX:获取鼠标在水平方向的移动距离

DragY:获取鼠标在垂直方向的移动距离

TotalDragX：整个拖动过程，鼠标指针在水平方向上移动的距离

TotalDragY：整个拖动过程，鼠标指针在垂直方向上移动的距离

DragTime：鼠标操作的总时长，从鼠标按下左键到释放左键

6.7 数字函数

decimalPoints：小数后保留位数

toExponential(decimalPoints):将对象转换为指数计数法

tofixed(decimalPoints) ：将一个数字转换为保留指定小数位数的数字，超出的后面小数位自动四舍五入

toPrecision(length):将数字格式化为指定长度，小数点不计算长度

6.8 字符串

length：返回字符串的字符长度包括空格，汉字占一个字符

charAt（index）返回字符串指定索引处字符

indexof（“searchValue”）返回调用函数的字符串中搜索值的第一个实例的起始索引，未找到放回-1

lastindexof（“searchValue”）返回调用函数的字符串中搜索值的最后一个实例的起始索引，未找到放回-1

charCodeAt（index）：获取当前文本对象中指定位置字符的Unicode

slice（start，end）：获取当前文本对象中截取指定位置到指定位置结束的字符串

substr（start，length）：获取当前文本对象中截取一定长度的字符串

substring（from，to）：获取当前文本对象中截取指定位置开始到另一指定位置区间

concat（“string”）：当前的文本与另外一个字符组合，string为组合后显示在后方的字符串

replace（“value”，“newvalue”）用新的文本替换文本对象指定字符串

toLowerCase() 大写字母转小写字母

toUPCase() 小写字母转大写字母

trim 删除两端空格

toString（）逻辑值转字符串

split（“separator”，limit）获取当前字符，每个字符用逗号隔开

6.9 日期函数

6.10 布尔运算符

== 等于

！=不等于

<小于

<=小于等于

> 大于

>=大于等于

&& 并且

||或者

！not