Axure介绍

快速原型的软件

应用场景：拉投资、给项目团队、销售演示、项目投标、内部收集反馈、教学

软件安装与汉化

汉化：复制lang文件夹和三个dll

软件的基础功能

基本布局：菜单栏、工具栏、页面和摘要、元件和母版、画布、样式交互和说明设置

菜单栏：文件、编辑、视图、项目、布局、发布、团队、账户、窗口、帮助

4中类型的文件

后缀	文件类型
.rp	原型文件
.rplib	元件库文件
.rpteam	团队项目文件
.html	网页文件

页面调整、自动备份

选择模式：相交选择、包含选择

软件默认元件及应用

元件选中时，9个小方框为白色时，大小固定，可以分别固定宽高，为黄色时自适应内容

热区的两个作用：扩大点击范围、设定页面锚点

动态面板可以有多个状态，可以实现轮播图等效果

内联框架就是在一个小区域内显示另一个页面

元件右上角的小闪电图标表示该元件有交互动作

中继器是把一个组件复制多份

文本框可以选择不同的类型，包括文本框、密码框、邮件、日期等

常用的交互设计

交互样式：鼠标悬停、鼠标按下、选中、禁用、获取焦点

鼠标悬停、鼠标按下、获取焦点可以直接触发

选中和禁用，需要设置交互动作

中继器的使用：编辑母版，添加数据，用交互事件绑定值

变量和函数

中继器Repeater属性：

• Repeater：中继器的对象
• visibleItemCount：中继器项目列表中可见项的数量
• itemCount：加载项的数量
• dataCount：获取中继器数据集中数据行的总数量
• pageCount：获取中继器分页的总页量
• pageIndex：获取中继器项目列表当前显示内容的页码

元件的属性：

• This：获取当前元件对象，当前元件指添加事件的元件
• Target：获取目标元件对象，目标元件指添加动作的元件
• x：获取元件对象的X轴坐标值
• y：获取元件对象的Y轴坐标值
• width：获取元件对象的宽度值
• height：获取元件对象的高度值
• scrollX：获取元件对象水平移动的距离
• scrollY：获取元件对象垂直移动的距离
• text：获取元件对象的文字
• name：获取元件对象的名称
• top：获取元件对象顶部边界的坐标值
• left：获取元件对象左边界的坐标值
• right：获取元件对象右边界的坐标值
• bottom：获取元件对象底部边界的坐标值
• opacity：获取元件对象的不透明度
• rotation：获取元件对象的旋转角度

页面属性：

• PageName：获取当前页面的名称

窗口属性：

• Window.width：获取浏览器的当前宽度
• Window.height：获取浏览器的当前高度
• Window.scrollX：获取浏览器的水平滚动距离
• Window.scrollY：获取浏览器的垂直滚动距离