【Axure 教程】中继器中级教程-下拉搜索

honghu2

【Axure 教程】中继器中级教程-下拉搜刮

编纂导语：下拉搜刮是咱们常见的一种功效。在事情中，咱们可能会必要操纵Axure来实现下寻欢拉搜刮设计。本篇文章里，作者就对若何利用Axure来建造下拉（模胡）搜刮框举行了具体先容，一块儿来看一下吧。

原型展现：

所需原件：
中继器；文本框。储派下载站
今天的课程，咱们重要进一步领会若是利用函数式，实现下拉（模胡）搜刮框的建造。
1、搜刮框


如上图所示，拖入文本框，作为搜刮输入框，文本标签作为搜刮框题目，搜刮图标作为搜刮的批示，按上图结构便可获得搜刮框的初始模子。
2、下拉列表


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


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



双击中继器，选中文本标签，并添加【点击时】将【Item.SF】赋值给到搜刮文本框，同时设置为选中状况。
4、细节优化


将中继器默许为暗藏状况，并在点击文本框时，皇冠交友显示中继器。



点击中继器的文本标签后，暗藏中继器。

本文由@Sam 原创公布于人人都是产物司理，未经允许，制止转载。

题图来自Unsplash, 基于CC0协定。