Axure RP 9使用教程

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复制到该目录下