菜单栏-文件
偏好设置:可以对Axure的默认显示界面及辅助线、显示样式等进行设置;
Axure中,总共有4种类型的文件:
.rp: 原型文件
.rplib: 元件库文件
.rpteam: 团队项目文件
.htm: 网页文件
备份设置:建议自动备份间隔5分钟;
可以在视图中,对快速功能区进行自定义;
发布模块,可以对预览选项进行编辑;
----------------------------------------
菜单栏-编辑,视图
编辑-基本操作
视图
工具栏,可以选择显示的工具
功能区,可选择显示的功能
标尺,网格,辅助线
菜单栏-项目
元件样式管理器:设置元件样式的默认值。
页面样式管理器:设置页面样式
说明字段:类似于注释。
Crtl+滚轮:缩放页面
菜单栏-布局
对齐:元件对齐
锁定:元件的位置和尺寸的锁定。
菜单栏-发布
发布到Axure云(A)
生成HTML文件,建议新键文件夹(H)
重新生成当前页面的HTML文件(R)
生成Word说明书...(W)
更多生成器和配置文件(M)
工具栏操作
基本工具:
选择模式
相交选中:框选区域相交就选中。
包含选中:框选区域包含全部才回选中
连接:添加连接线
插入:线段,形状,图片,文本(按Shift插入正圆)
点:变换点,
顶层:将图形置顶
底层:将图形放置最底层
组合:图形组合
缩放:
对齐:左对齐,右对齐,居中对齐,顶部对齐,中部对齐,底部对齐
分布:垂直分布,水平分布
样式工具:
样式:
字体:
字号:
颜色:
加粗
斜体
下划线
文本对齐:
填充:阴影
线段:线段类型,线段大小,线段颜色
箭头:
位置:X轴,Y轴
宽高:
隐藏:
页面面板:
页面:添加,删除,移动,重命名,复制,粘贴,页面类型(页面,流程图)
文件夹:添加,删除,移动,重命名
概要面板:
显示具体某个页面中的全部元件及层级关系;
可以通过调整概要中的元件顺序,变更它们的显示顺序
元件面板:
默认元件库:基本元件,表单元件,菜单表格元件,标记元件
可以添加第三方元件库
可以添加图片文件夹
母版面板:
跟页面区域类似,管理原型中所有的母版;
需要重复使用的元件,建议创建成母版使用;如果修改了母版,所有页面中的母版元件将会被同步修改;
母版:添加,删除,移动,重命名,复制,粘贴,拖放行为(任意位置,固定位置,脱离母版),添加到页面,从页面中移除。
添加文件夹
交互面板:
元件交互和页面交互
样式面板:
设置页面尺寸
设置页面样式
设置页面排列
设置页面填充颜色
设置元件样式
位置和尺寸
旋转
透明度
排版(字体、字号、颜色、线段、行间距、字间距、对齐)
填充
线段(颜色、粗细、线段类型,箭头样式,可见性)
阴影
圆角
边距
说明面板:
对元件或者页面添加注释。
画布区域的功能
回到原点
栅格化布局
单间快捷键
添加元件类:
R:矩形;
L:线段;
o:圆形;
P:绘画;
T:文本;
操作类:
S:图片切割;
>;预览原型;
C:图片裁剪;
/∶发布原型到Axure云;
×:创建交互;
N:添加说明;
o:元件透明度0%和100%切换;
1-9:元件透明度10%-90%;
默认原件库
基本元件
1.矩形:可以用来制作框架、按钮等;
2. 占位符:表示页面中的位置被占用;
3.图片:导入外部图片;
4.按钮;
5.文本标签:设置不同的文字效果,字体、字号、字重;
6.热区:增加元件的点击范围;
7.动态面板:设置多种不同的状态。
8.内联框架:可以链接到每部页面,也可以链接外部URL。
9.中继器;
表单元件
1. 文本框:快速实现提示文字和不同类型文字显示的效果;
2. 文本域;
3. 下拉列表:快速实现下拉框及默认显示项的效果;
4. 单选:快速实现单选的效果,(要设置组);
5. 复选:快速实现复选的效果;
菜单表格
树
表格
水平菜单
垂直菜单
事件:当我们给元件添加了某个交互之后,其实就是增加了一个交互事件;
鼠标事件
单击时
双击时
鼠标右击时
鼠标按下时
鼠标松开时
鼠标移动时
鼠标移入时
鼠标移出时
鼠标停放时
鼠标长按时
键盘事件
按键按下时
按键松开时
形状
移动时
旋转时
尺寸改变时
显示时
隐藏
获取焦点时
失去焦点时
选中
取消选中时
选中改变时
载入时
打开链接
关闭窗口
框架中打开链接
滚动到元件
显示/隐藏
设置面板状态
设置文本
设置图片
设置选中
设置列表选中项
启用/禁用
移动
旋转
设置尺寸
置于顶层/底层
设置不透明
获取焦点
展开/收起树节点
中继器动作
添加排序
移除排序
添加筛选
移除筛选
设置当前显示页面
设置每页项目数量
添加行
标记行
取消标记
更新行
删除行
其它动作
设置自适应视图
设置变量值
等待
其它
触发事件
交互样式:
鼠标悬停;
鼠标按下;
选中;
禁用;
获取焦点;
注意:
鼠标悬停、鼠标按下、获取焦点,可以直接触发;选中和禁用,需要设置交互动作;
形状交互
中继器交互
情形or条件设置:
设置条件项;
选择元件;
设置具体条件内容;
设置条件的匹配;
文本框交互:
跟形状交互类似;
文本改变时;
少了“旋转时;
下拉列表交互:
跟形状交互类似;
多了“选项改变时”;
少了“旋转时”;
单选/复选交互:
跟形状交互类似;
少了“旋转时、尺寸改变时”
树交互:
跟单选、复选交互相同;
交互事件 + 交互动作 = 交互效果
链接动作:
当前页面打开链接
新页面打开链接
在框架中打开链接
关闭窗口
滚动到元件
元件动作:
显示/隐藏
设置面板状态
设置文本
设置图片
设置选中
设置列表选中项
启用/禁用
移动
旋转
设置尺寸
置于顶昙/底层
设置不透明
获取焦点
展开/收起树节点
中继器动作
添加排序
移除排序
添加筛选
移除筛选
设置当前显示页面
设置每页项目数量
添加行
标记行
取消标记
更新行
删除行
其他动作
设置自适应视图
设置变量值
等待
其它触发事件
局部变量:
添加局部变量:变量名(英文数字) = 元件 值
全局变量:
作用整个页面
中继器的ltem属性:
- ltem: 获取数据集一行数据的集合,即数据行的对象。
- ltem.列名: 获取数据行中指定列的值。
- index: 获取数据行的索引编号,编号起始为1,由上至下每行递增1。
- isFirst: 判断数据行是否为第1行;
- isLast: 判断数据行是否为最末行;
- isEven: 判断数据行是否为偶数行;
- isodd: 判断数据行是否为奇数行;
- isMarked: 判断数据行是否为被标记;
- isvisible: 判断数据行是否为可见行;
中继器的Repeater属性:
- Repeater :中继器的对象;
- visibleltemcount :中继器项目列表中可见项的数量;
- itemcount :加载项数量;
- dataCount:获取中继器数据集中数据行的总数量。
- pageCount:获取中继器分页的总数量,即能够获取分页后共有多少页。
- pagelndex:获取中继器项目列表当前显示内容的页码。
- indexOf('searchValue',start):从左至右查询字符串在当前文本对象中首次出现的位置。未查询到,返回值为-1,
变量和函数
元件的属性
This: 获取当前元件对象,当前元件指添加事件的元件。
Target: 获取目标元件对象,目标元件指添加动作的元件。
×: 获取元件对象的X轴坐标值。
y: 获取元件对象Y轴坐标值。
width: 获取元件对象的宽度值。
height: 获取元件对象的高度值。
scrollX: 获取元件对象水平移动的距离。
scrollY: 获取元件对象垂直移动的距离。
text: 获取元件对象的文字。
name: 获取元件对象的名称。
top: 获取元件对象顶部边界的坐标值。
left: 获取元件对象左边界的坐标值。
right: 获取元件对象右边界的坐标值。
bottom: 获取元件对象底部边界的坐标值。
opacity: 获取元件对象的不透明度。
rotation: 获取元件对象的旋转角度。
页面属性:
PageName:获取当前页面的名称
窗口属性:
- window.width:获取浏览器的当前宽度。
- Window.height:获取浏览器的当前高度。
- Window.scrollX:获取浏览器的水平滚动距离。
- window.scrollY:获取浏览器的垂直犁动距离。
鼠标指针属性:
cursor.x:获取鼠标当前位置的X轴坐标。
cursor.Y:获取鼠标当前位置的Y轴坐标。
DragX:获取鼠标在水平方向的移动距离(0.01秒)。
DragY:获取鼠标在垂直方向的移动距离(0.01秒)。
TotalDragx:整个拖动过程中,鼠标指针在水平方向上移动的距离。
TotalDragY:整个拖动过程中,鼠标指针在垂直方向上移动的距离。
DragTime:鼠标拖动操作的总时长。从鼠标按下左键到释放左键的总时长。
字符串的属性和函数:
length: 获取当前文本对象的长度,即字符长度,1个汉字的长度按1计算。
charAt(index): 获取当前文本对象指定位置的字符,index为大于等于O的整数,字符位置从O开始计数,0为第一位。
indexOf('searchValue',start): 从左至右查询字符串在当前文本对象中首次出现的位置。未查询到,返回值为-1。
lastndexOf('searchvalue,start'): 从右至左查询字符串在当前文本对象中首次出现的位置。未查询到,返回值为-1。
charCodeAt(index)∶ 获取当前文本对象中指定位置字符的Unicode编码(中文编码段19968~40622);字符起始位置从0开始。index为大于等于0的整数。
slice(start,end):从当前文本对象中截取从指定位置开始到指定位置结束之间的字符串。
substr(start,length):当前文本对象中从指定起始位置截取一定长度的字符串。参数: start为截取的起始位置,length为截取的长度,该参数可以省略,省略则表示从起始位置一直截取到文本对象末尾。
substring(from,to):从当前文本对象中截取从指定位置开始到另一指定位置区间的字符串。concat('string'):将当前文本对象与另外一个字符串组合,string为组合后显示在后方的字符串。
replace('searchvalue';'newvalue"):用新的字符串替换文本对象中指定的字符串。
toLowercase():将文本对象中所有的大写字母转换为小写字母。
toupperCase():将文本对象中所有的小写字母转换为大写字母。trim:蒯除文本对象两端的空格。
toString(0:将一个逻辑值转换为字符串。
split('separator' ,limit):将当前文本对象中与分隔字符相同的字符转为“”,形成多组字符串,并返回从左开始的指定组数。
数学函数
toExponential(num):将对象的值转换为指数计数法。num为小数点后保留的小数位数。
toFixed(num):将一个数字转换为保留指定小数位数的数字,超出的后面小数位将自动进行四舍五入。num为小数点后保留的小数位数。
toPrecision(length)∶将数字格式化为指定的长度,小数点不计算长度,length为指定的长度。Math.abs(x):计算参数值的绝对值。参数:x为数值。
Math.max(x,y)︰获取参数中的最大值。参数:“x,y”表示多个数值,不一定为2个数值。
Math.min(x,y):获取参数中的最小值。参数:“x,y”表示多个数值,不一定为2个数值。
Math.random):随机数函数,返回一个0~1之间的随机数。
Math.floor(x):向下取整函数,获取小于或者等于指定数值的最大整数。参数:x为数值。
Math.ceil(x):向上取整函数,获取大于或者等于指定数值的最小整数。参数:x为数值。
Math.acos(x):获取一个数值的反余弦弧度值,其范围是0~ pi。参数: x为数值,范围在-1~1之间。
Math.asin(x)用途:获取一个数值的反正弦值。参数:x为数值,范围在-1~1之间。
Math.atan(x):获取一个数值的反正切值。参数:x为数值。
Math.atan2(y,x)用途:获取某一点(x,y)的角度值。
Math.cos(x)∶获取一个数值的余弦函数。。返回-1.0到1.0之间的数。参数: x为弧度数值。
Math.exp(x):获取一个数值的指数函数,计算以e为底的指数。
Math.log(x):对数函数,计算以e为底的对数值。参数:x为数值。
Math.pow(x,y):幂函数,计算x的y次幂。
Math.sin(x):正弦函数。参数:x为弧度数值。
Math.sqrt(x):平方根函数。参数:x为数值。
Math.tan(x):正切函数。参数:x为弧度数值。
日期函数
Now:获取当前计算机系统日期对象。
GenDate :获取原型生成日期对象。
getDate(:获取日期对象“日期”部分数值(1~ 31)
getDay(:获取日期对象“星期”部分的数值(0~6).
getDayofweek():获取日期对象“星期”部分的英文名称。
getFullYear(:获取日期对象“年份”部分四位数值。
getHours(0:获取日期对象“小时”部分数值(0~ 23).
getMilliseconds(:获取日期对象的毫秒数(0~ 999).
getMinutes(:获取日期对象“分钟”部分数值(0~59).
getMonth(:获取日期对象“月份”部分的数值(1~12).
getMonthName():获取日期对象“月份”部分的英文名称。
getSeconds(:获取日期对象“秒数”部分数值(0~59),
getTime()∶获取当前日期对象中的时间值。该时间值表示从1970年1月1日00:00:00开始,到当前日期对象时,所经过的毫秒致,以格林威治时间为准。
getTimezoneOffset():获取世界标准时间(UTC)与当前主机时间之间的分钟差值。getUTCDate()∶使用世界标准时间获取当前日期对象“日期”部分数值(1 ~31)。
getUTCDay():使用世界标准时间获取当前日期对象“星期”部分的数值(0~6)。
getUTCFullYear():使用世界标准时间获取当前日期对象“年份”部分四位数值。
getUTCHours():使用世界标准时间获取当前日期对象“小时”部分数值(0~23)
getUTCMilliseconds()︰使用世界标准时间获取当前日期对象的毫秒数(0~999)。
getUTEMinutes()∶使用世界标准时间获取当前日期对象“分钟”部分数值(0 ~59)。
getUTCMonth():使用世界标准时间获取当前日期对象“月份”部分的数值(1~12)。
getUTcSeconds()∶使用世界标准时间获取当前日期对象“秒数”部分数值(0 ~59)。
parse(datestring):用于分析一个包含日期的字符串,并返回该日期与1970年1月1日00:00:00之间相差的毫秒数参数: datestring为日期格式的字符串,格式为:yyyy/mm/dd hh:mm:ss。
toTimeString0:以字符串的形式获取一个时间。
toDateString():以字符串的形式获取一个日期。
tolSOstring():获取当前日期对象的IOS格式的日期字串,格式:YYYY-MM-DDTHH:mm:ss.sssZ。toJSON():获取当前日期对象的JSON格式的日期字串,格式:YYYY-MM-DDTHH:mm:ss.sssZ。
toLocaleDateString():以字符串的形式获取本地化当前日期对象。并且只包含“年月日”部分的短日期信息。
toLocaleTimeString():以字符串的形式获取本地化当前日期对象。并且只包含“时分秒”部分的短日期信息。
toUTCString():以字符串的形式获取相对于当前日期对象的世界标准时间。
Date.UJTC(year,month,day,hour,min,sec,millisec):获取相对于1970年1月1日00:O0:00的世界标准时间,与指定日期对象之间相差的毫秒数。参数:组成指定日期对象的年、月、日、时、分、秒以及毫秒的数值。valueof():获取当前日期对象的原始值,从1970年1月1日至date对象的亳秒数。
addYears(yeas);将指定的年份数加到当前日期对象上,获取一个新的日期对象。参数: years为整数数值,正负均可。
addMonths(months)∶将指定的月份数加到当前日期对象上,获取一个新的日期对象。参数:months为整数数值,正负均可。
addDays(days)∶将指定的天数加到当前日期对象上,获取一个新的日期对象。参数:days为整数数值,正负均可。
addHours(hours)∶将指定的小时数加到当前日期对象上,获取一个新的日期对象。参数: hours为整数数值,正负均可。
addMinutes(minutes):将指定的分钟数加到当前日期对象上,获取一个新的日期对象。参数: minutes为整数数值,正负均可。
addseconds(seconds):将指定的秒数加到当前日期对象上,获取一个新的日期对象。参数: seconds为整数数值,正负均可。
addMilliseconds(ms):将指定的毫秒数加到当前日期对象上,获取一个新的日期对象。参数: ms为整数数值,正负均可。Year:获取系统日期对象“年份”部分的四位数值。
Month :获取系统日期对象“月份”部分数值(1 ~12)
Day :获取系统日期对象“日期”部分数值(1~31)
Hours:获取系统日期对象“小时”部分数值(0~23)。
Minutes :获取系统日期对象“分钟”部分数值(0~59)。
Seconds :获取系统日期对象“秒数”部分数值(0~~59)。
布尔运算
==等于
!=不等于
<小于
<=小于等于
>大于
>=大于等于
&&并且
||或者
! not