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:获取浏览器的垂直滚动距离