Axure笔记

Axure介绍

快速原型的软件

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

软件安装与汉化

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

软件的基础功能

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

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

4中类型的文件

页面调整、自动备份

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

软件默认元件及应用

元件选中时，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：获取浏览器的垂直滚动距离