Axure中继器下拉搜索教程

下拉搜索是常见的一种功能。在工作中，我们可能会利用Axure来实现下拉搜索，下面就教大家进一步了解如何使用函数式，实现Axure中继器下拉搜索的制作，具体操作教程如下所示：

操作演示：https://q5bvf7.axshare.com

所需原件：

• 中继器
• 文本框

一、搜索框

如上图所示，拖入文本框，作为搜索输入框，文本标签作为搜索框标题，搜索图标作为搜索的指示，按上图布局即可得到搜索框的初始模型；

二、下拉列表

如上图，拖入中继器，并做好数据填充和【每项加载】的设置，将数据中的【SF】赋值给【省份】的文本标签；

三、交互设置

选中文本框，并添加【文本改变时】的交互，新建【添加筛选】的动作，设置规则为：[[(Item.SF.indexof(Text))>-1]]

双击中继器，选中文本标签，并添加【点击时】将【Item.SF】赋值给到搜索文本框，同时设置为选中状态；

四、细节优化

将中继器默认为隐藏状态，并在点击文本框时，显示中继器；

点击中继器的文本标签后，隐藏中继器；

以上就是Axure中继器下拉搜索教程的全部内容介绍了，关于更多axure教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。