Axure中继器（2）实用交互灵活使用教程

中继器是Axure的高级组件，可以实现非常多的“数据交互”效果，因为它做起来相对复杂一些，导致很多同学虽然使用Axure多年，但仍然不会使用它，下面就给大家带来Axure中继器实用交互是灵活使用方法：

本篇教程主要围绕以下三部分：

1、增添数据到中继器中

2、批量操作数据

3、模糊搜索

开始原型设计

1、增添数据到中继器中

 在中继器外部添加一个命名为“添加”的按钮，设置按钮的鼠标点击的动作为：添加行到中继器，并填入需要添加的信息内容。
教程中添加信息为：Apple 苹果 台式机 128GB 512MB 12999；

2、批量操作数据

在中继器内部添加一个50*40的矩形框，并在矩形框内部添加一个复选框，位置在展示内容最前面，并命名为choose；

设置复选框选中时的动作为标记中继器中的目标行this；

 在中继器外部创建三个按钮，分别为全选、反选和删除，并依次命名。

设置“全选”按钮的鼠标点击的动作为：设置中继器里的复选框的选中状态为true；

设置“反选”按钮的鼠标点击的动作为：设置中继器里的复选框的选中状态为toggle；

设置“删除”按钮的鼠标点击的动作为：设置删除中继器里的已标记行；

3、模糊搜索

• 在中继器外面的上部创建一个150*35的矩形框，并在其内部创建一个143*30的文本框命名为check，之后设置文本框隐藏边框。
• 然后创建一个“查询”按钮；
• 设置“查询”按钮的鼠标点击的动作为：中继器添加筛选，条件为[[item.brand.indexof(lvar1)>-1||item.name.indexof(lvar1)>-1]]；

注：该模糊筛选的条件为 只要输入的文字包含brand和name的内容即可完成筛选。

之后就可以点击F5进行浏览了。

以上就是Axure中继器（2）实用交互灵活使用方法的全部内容介绍了，关于更多Axure教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。