导图社区 Axure RP 9使用教程
- 62
- 0
- 0
- 举报
Axure RP 9使用教程
RP9作为一款超级实用的原型设计工具，真的是每个需求人员的必备技能工具，一起学习一下吧。非常实用，现在不收藏，还在等什么呢。
编辑于2025-02-03 19:22:20- 原型
- Axure
- RP9
- 相似推荐
- 大纲
Axure RP 9从入门到进阶 课程来源：哔哩哔哩-Axure 9从入门到精通57集 导图制作：Ryan爱读书 课程软件：Axure RP 9
5.12布尔运算符
==等于
！=不等于
<小于
<=小于等于
>大于
>=大于等于
&&并且
||或者
！not
5.11日期函数

Now
获取当前计算机系统日期对象
GenDate
获取原型生成日期对象
GetDate（）
获取日期对象“日期”部分数值（1-31）
GetDay（）
获取日期对象“星期”部分数值（0-6）
GetDayOfWeek（）
获取日期对象“星期”部分的英文名称
GetFullYear（）
获取日期对象“年份”部分的四位数值
GetHours（）
获取日期对象“小时”部分的数值（0-23）
GetMilliseconds（）
获取日期对象的毫秒数（0-999）
GetMilutes（）
获取日期对象“分钟”部分的数值（0-59）
GetMonth（）
获取日期对象“月份”部分的数值（1-12）
GetMonthName（）
获取日期对象“月份”部分的英文名称
GetSeconds（）
获取日期对象“秒数”部分数值（0-59）
GetTime（）
获取当前日期对象中的时间值。该时间值表示从1970年1月1日00:00:00开始，到当前日期对象时，所经过的毫秒数，以格林威治为准。
GetTimezoneOffset（）
虎丘世界标准时间（UTC）与当前主机时间的分钟差值
ToTimeString()
以字符串的形式获取一个时间
ToDateString()
以字符串的形式获取一个日期
ToLocaleTimeString（）
以字符串的形式获取本地化当前日期对象，并且只包含时分秒部分的短日期信息
5.10数学函数
Math.abs(x)
计算参数值的绝对值，参数x为数值
Math.acos(x)
获取一个数值的反余弦弧度值，其范围是0~pi，x为数值，范围在-1~1之间
Math.asin(x)
获取一个数值的反正弦值，x为数值，范围在-1~1之间
Math.atan(x)
获取一个数值的反正切值，x为数值
Math.atan2(x,y)
获取某一点x，y的角度值
Math.cos(x)
获取一个数值的余弦函数，返回-1.0~1.0之间的数，x为数值
Math.ceil(x)
向上取整函数，获取大于或者等于指定数值的最小整数，x为数值
Math.exp(x)
获取一个数值的指数函数，计算以e为底的指数
Math.floor(x)
向下取整函数，获取小于或者等于指定数值的最大整数，x为数值
Math.log(x)
对数函数，计算以e为底的对数值，x为数值
Math.max(x,y)
获取参数中的最大值，x，y表示多个数，不一定为两个数
Math.min(x,y)
获取参数中的最小值，x，y表示多个数，不一定为两个数
Math.pow(x,y)
幂函数，计算x的y次幂
Math.random()
随机数函数，返回一个0-1之间的随机数
Math.sin(x)
正弦函数，x为弧度数值
Math.sqrt(x)
平方根函数，x为数值
Math.tan(x)
正切函数，x为弧度数值
5.9字符串的属性和函数
length
获取当前文本对象的长度，即字符长度，1个汉字的长度按1计算
charAt（index）
获取当前文本对象指定位置的字符，index为大于等于0的整数，字符位置从0开始计数，0为第一位
indexOf('searchValue',start）
从左至右查询字符串在当前文本对象中首次出现的位置，未查询到则返回值-1
lastindexOf('searchValue',start)
从右至左查询字符串在当前文本对象中首次出现的位置，未查询到则返回值-1
charCodeAt(index)
获取当前文本对象中指定位置字符的unicode编码，字符起始位置从0开始，index为大于等于0的整数
slice(start,end)
从当前文本对象中截取从指定位置开始到指定位置截止的字符串，不包含最后一位
substr(start,length)
当前文本对象中从指定位置开始截取一定长度的字符串，start为截取的起始位置，length为截取的长度，该参数可以省略，省略则表示从起始位置一直截取到文本对象末尾
substring(from,to)
从当前文本对象中截取从指定位置开始到另一指定位置区间的字符串，不包含最后一位
concat('string')
将当前文本对象与另外一个字符串组合，String为组合后显示在后方的字符串
replace('searchvalue','newvalue')
用新的字符串替换文本中指定的字符串
toLowerCase()
将文本对象中所有的大写字母转换成小写字母
toUpperCase()
将文本对象中所有的小写字母转换成大写字母
trim()
删除文本对象两端的空格
toString()
将一个逻辑值转换为字符串
split('separator',limit)
将当前文本对象中与分隔字符相同的字符转换为“，”形成多组字符串，并返回从左开始的指定组数
5.8数字函数
toExponential(decimalPoints)
将对象的值转换为指数计数法，decimalpoint为小数点后保留的小数位数
toFixed（decimalPoints)
将一个数字转换为保留指定小数位数的数字，超出的后面小数位自动四舍五入，decimalpoint为小数点后保留的小数位数
toPrecisipn（length）
将数字格式化为指定的长度，小数点不计算长度，length为指定的长度
5.7鼠标指针
Cursor.X
获取鼠标当前位置的X轴坐标
Cursor.Y
获取鼠标当前位置的Y轴坐标
DragX
获取鼠标在水平方向的移动距离（0.01秒）
DragY
获取鼠标在垂直方向的移动距离（0.01秒）
TotalDragX
整个拖动过程中，鼠标指针在水平方向上的移动距离
TotalDragY
整个拖动过程中，鼠标指针在垂直方向上的移动距离
DragTime
鼠标拖动操作的总时长，从鼠标按下左键到释放左键的总时长，中间过程中，如未移动鼠标，也计算时长
5.6窗口属性
Windows.width
获取浏览器的当前宽度
Windows.height
获取浏览器的当前高度
Windows.scrollX
获取浏览器的水平滚动距离
Windows.scrollY
获取浏览器的垂直滚动距离
5.5页面属性
PageName
获取当前页面的名称
5.4元件的属性
This
获取当前元件对象，当前元件指添加事件的元件
Target
获取目标元件对象，目标元件指添加动作的元件
x
获取元件对象的x轴坐标值
y
获取元件对象的y轴坐标值
width
获取元件对象的宽度值
height
获取元件对象的高度值
scrollX
获取元件对象水平移动的距离
scrollY
获取元件对象垂直移动的距离
text
获取元件对象的文字
name
获取元件对象的名称
top
获取元件对象顶部边界的坐标值
left
获取元件对象左边界的坐标值
right
获取元件对象右边界的坐标值
bottom
获取元件对象底部边界的坐标值
opacity
获取元件对象的不透明度，是样式中的透明度值
rotation
获取元件对象的旋转角度
5.3中继器属性
Item属性
Item
获取数据集一行数据的集合，即数据行的对象
Item.列名
获取数据行中指定列的值
index
获取数据行的索引编号，编号起始为1，由上至下每行递增1
isFirst
判断数据行是否为第行
isLast
判断数据行是否为最末行
isEven
判断数据行是否为偶数行
isOdd
判断数据行是否为奇数行
isMarked
判断数据行是否被标记
isVisible
判断数据行是否为可见行
repeater属性
repeater
中继器的对象
cisibleItemCount
中继器项目列表中可见项目的数量
itemCount
加载项数量
dateCount
获取中继器数据集中数据行的总数量
pageCount
获取中继器分页的总数量，即能够获取分页后共多少页
pageIndex
获取中继器项目列表当前显示内容的页码
5.2局部变量、全局变量
局部变量

需要先创建
只能作用于当前事件
命名只能英文+数字
全局变量

需要先创建
可用于全局文档，在任意页面调用或使用
5.1对象、属性、函数
对象
当前元件、目标元件
变量、中继器、中继器数据集中的一行数据
属性
长、宽、高、边界
字符串的长度...
函数
获得各类日期、获取绝对值、取整、取余
4.11交互动作
事件+动作=交互效果，如单击时，给元件设置文本
链接动作
打开链接
关闭窗口
框架中打开链接
滚动到元件
元件动作
显示/隐藏
设置面板状态
设置文本
设置图片
设置选中
设置列表选中项
启用/禁用
移动
旋转
设置尺寸
置于顶层/置于底层
设置不透明
获取焦点
展开/收起树节点
中继器动作
添加排序
移除排序
添加筛选
移除筛选
设置当前显示页面
设置每页项目数量
添加行
标记行
取消标记
更新行
删除行
其他交互动作
设置自适应视图
设置变量值
等待
其他（在弹出窗口中显示提示文字）
触发事件
4.10其他元件交互
文本框交互
下拉列表交互
单选/复选交互
树交互
4.9情形or条件
设置条件项
选择元件
设置条件内容和匹配项
4.8中继器交互
1、编辑母版 2、编辑表头、添加数据 3、通过交互将值赋值给母版
载入时
每项加载时
别表项尺寸改变
4.7动态面板交互
手势交互
向左/向右/向上/向下拖动结束时
动态面板交互
移动时、旋转时、尺寸改变时、显示时、隐藏时、获取焦点时、失去焦点时、载入时、状态改变时、拖动开始时、拖动结束时、拖动时、向上滚动时、向下滚动时、滚动时
4.6内联框架交互
移动时
尺寸改变时
显示时
隐藏时
载入时
4.5页面交互
窗口尺寸 改变时
页面 载入时
视图 改变时
窗口向上 滚动时
窗口向下 滚动时
窗口 滚动时
4.4元件的特殊效果
灯箱效果
弹出效果
推动元件
拉动元件
4.4形状交互
移动时
旋转时
尺寸改变时
显示时
隐藏时
载入时
获取焦点时
失去焦点时
选中时
取消选中时
选中改变时
4.3鼠标和键盘交互
单机时
双击时
鼠标右击时
鼠标松开时
鼠标移动时
鼠标移入时
鼠标停放时
鼠标长按时
鼠标移出时
鼠标按下时
按键按下时
按键松开时
4.2交互样式
鼠标悬停
鼠标按下
获取焦点
可以直接出发
禁用
选中
需要设置交互动作
4.1事件
当我们给元件添加了某个交互之后，其实就是增加了一个交互事件。
3.4标记元件
快照
水平箭头
垂直箭头
便签
图形标记
水滴标记
3.3菜单表格
树
表格
水平菜单
垂直菜单
3.2表单元件
文本框
文本域
下拉列表
列表框
复选框
单选按钮
3.1基本元件
矩形
用来制作按钮、框架等，包含矩形1 矩形2 矩形3 圆形
占位符
表示页面中的位置被占用
图片
导入外部图片，双击锁定，可以锁定图片尺寸
按钮
包含按钮、主要按钮、链接按钮
文本
设置不同的文字效果、字体、字重、字号；包含一级标题、二级标题、三级标题、文本标签、文本段落、水平线、垂直线
热区
增加元件的点击范围，用于页面锚点，如往下滚动的最后的位置
动态面板
涉及到交互的常用动态面板；可以添加状态
内联框架
链接到本地页面、网页链接；可以隐藏滚动条
中继器
用于模板相同，内容不同页面；表格的增删改查
2.软件的基础功能
2.11单键快捷键
添加元件类
R：矩形
L：线段
O：圆形
P：绘画
T：文本
操作类
S：图片切割
>：预览原型
C：图片裁剪
/：发布原型到Axure云
X：创建交互
0：元件透明度0%和100%切换
N：添加说明
1-9：元件透明度10%-90%
2.10画布区域
标尺·网格·辅助线
负空间
坐标
2.9说明编辑区
元件说明
页面说明
2.8样式面板
元件 样式
名称
形状
排版
线段
圆角
位置和尺寸
不透明性
填充
阴影
边距
页面 样式
尺寸
页面排列
填充
地保真度
2.7交互面板
页面交互
设置页面交互效果
元件交互
设置元件交互效果
形状属性
设置形状属性，如颜色、悬停等
2.6模板区域
添加母版
添加文件夹
拖放行为
任意位置
固定位置
添加到页面
从页面中移除
脱离母版
需要重复使用的元件创建成母版，母版调整，页面中被引用的母版元件同步修改
2.5元件（库）面板
系统会自带3个元件库，如果建立自己的元件库，点击文件-新建元件库，然后再导入到本文件中
外部元件可以提升原型设计效率，建议将常用的元件整理成一套自用的元件库
添加元件库
添加图片文件夹
获取元件库
编辑元件库
移除元件库
2.4概要区域
显示某个具体页面的所有元件及层级关系
先添加的层架越靠后，越在底层
可以通过拖动改变层级关系，让他移动到上层
2.3页面区域
管理原型中所有的页面和文件夹，可以对页面进行：
增
删
改
查
层级
复制
2.2工具栏
选中
插入
连接
裁剪
切割
点
组合
对齐和分布
预览和共享
字体、填充等设置
样式工具栏
线段
箭头
坐标
锁定
预览
共享
2.1菜单栏
文件
文件类型
.rp原型文件
.rplib元件库文件
.rpteam团队项目文件
.html网页文件
新建
打开
保存
另存为
从RP文件导入
备份设置
文件-自动备份设置
启用备份，建议备份间隔设置为5分钟
新建团队项目
团队项目名称
创建/选择工作云空间
邀请用户或创建URL公布
纸张尺寸设置
导出为图片
编辑
复制、粘贴、剪切、格式刷
查找、替换、全选、删除
撤销、重做
视图
自定义工具栏
定义工具栏显示哪些图标
功能区
默认全部勾选
重置视图
将不小心删掉的视图再次恢复出来
标尺
网格
辅助线
遮罩
建议不去掉，这样让我们直观的知道画布上的元件属于哪一类
显示说明与交互标记
如果有交互，在元件右上角是否显示交互标记
项目
元件样式管理器
可以自定义或修改样式参数，比如输入文本时在样式面板使用
页面样式管理器
定义页面区域的底色、图片、对齐、页面排列等
说明字段设置
可以定义说明编辑区说明元件
全局变量
自适应视图
管理页面尺寸的
布局
组合、取消组合
置于顶层、底层
对齐、分布、锁定
转换为动态面板、母版
发布
预览
发布html
可以将文件发布为html，生成html前前先建一个文件夹
生成word说明书
团队
团队项目协作使用
签出、签入
签出：把内容更新到本地
签入：把我编辑好的内容更新到团队云上
账户
登录axure账户
窗口
帮助
4.常用的交互设计
3.软件默认元件及应用
5.函数和变量
1.准备
Axure介绍
应用场景
让投资人对产品有直观的了解
用线框图或文字说明介绍产品细节，方便团队做出产品
销售给客户演示产品原型
项目投标使用
使用原型获取用户真实需求反馈
代替PPT进行教学展示
Axure的安装与汉化
下载地址
www.axure.com
汉化
Windows
将lang文件夹复制到axure安装目录下
Mac
在应用程序文件夹里找到Axure RP 9.app程序，右键-显示包内容，然后依次打开contents/resources文件夹
将lang复制到该目录下