Axure的高级功能

Axure的高级功能

1.变量的使用

局部变量 案例5 求两个文本输入值的和

局部变量Local Variable：默认显示名称LVAR1，LVAR2…，作用范围为一个case里面的一个事务，一个事件里面有多个case，一个case里面有多个事务，可见局部变量的作用范围非常小。且局部变量只能依附于已有组件的使用，不能直接赋值。

全局变量 案例6 点击图标，赞数增加

全局变量就是一个数据容器，用来存放数据的，就像一个移动硬盘，可以把所需的材料存入，等到需要用的时候在取出来使用。

 2.动态面板的使用

动态面板在axure里经常被使用到,它是一个多层容器。举例来说,好比一本书有很多页面,每一个页面(层)放不同内容,他可以与其它元件组合使用,实现动态切换改变面板状态。
Axure中很多的交互是由动态面板来实现的。
动态面板里面可以包含多个状态，所以通过一些事件可以对动态面板的状态进行切换，以此来实现交互效果。但任何时候都是只有一个状态是可见的，或者整个动态面板是被隐藏的。

案例7 使用动态面板制作轮播图

方式一

 

方式二

也可设置循环间隔时间，轮播图自动循环

方式三 页面加载时，轮播图自动播放

设置四个小圆点，与轮播图切换进行状态匹配

预览发现第一个小圆点没有被选中，那么可以设置该小圆点默认被选中

方式四 给轮播图区域设置热区，当鼠标移入时轮播图暂停滚动，鼠标移出时轮播图继续循环播放

点击对应的小圆点，显示当前小圆点对应的轮播图

点击小圆点后，图片切换正确，却发现不会继续循环，可以继续在事件中设置面板状态

练习：在轮播图左右两侧分别设置上一张，下一张按钮，完成点击对应的按钮切换对应的图片。

案例8 手机页面显示 超出屏幕区域内容的处理

方式一 使用内联框架

方式二 使用动态面板

还可以使用动态面板的拖动事件，可以隐藏滚动条

3.中继器

引入：1.样式的频繁修改，2.数据的频繁修改，重复性工作需要调整

它可以帮助你在原型页面 中保存数据，并且提供增删改查等功能，帮助你完成复杂的交互场景。例如：添加一个好友后，好友列表里就新增一行对应的记录。上传一张照片后，在对应的地方多了一张照片等。

基本使用

第三步可以直接使用插入变量或函数

总结：我们可以在中继器内部使用各种元件组成新的样式，并且利用中继器的特性使用数据进行循环遍历显示

中继器（动态表格），主要用于动态表格：

• 列表显示

双击中继器设置重复的样本

选中中继器在样式里设置初始化显示数据

设置ItemLoad事件的操作

案例9 多项列表实例

  

所以，当有相同的布局需要重复展示时，可以使用中继器来处理