【剖析Axure】中继器+动态面板,制作带搜索功能的下拉框

【剖析Axure】中继器+动态面板，制作带搜索功能的下拉框(制作好之后可以放入自己的组件库，工作时直接使用)前言：中继器及动态面板的使用，前面的课程里有单独的教程专门来介绍，还不会的学 员可到我的主页

【剖析】中继器动态面板，制作带搜索功能的下拉框 Axure+ 制作好之后可以放入自己的组件库，工作时直接使用 () 前言：中继器及动态面板的使用，前面的课程里有单独的教程专门来介绍，还不会的学员可到我的 主页中查看学习，本课教程需要有这两个元件的使用基础。 在Axure自带的元件库中，下拉列表框或文本输入框都是简单的功能，适合做无交互的界面 或线框图，如果要做高保真，复杂的功能则需要自己重新设计，比如：模糊搜索，多级关联。本文 就分享一下模糊搜索功能的下拉框或文本框的制作。 制作的实例为：通过在文本框中输入搜索关键字，从下拉列表搜出想要的省份，并选择。 关键 字，从下拉列表搜出想要的省份，并选择。 一、原理剖析 关键字，从下拉列表搜出想要的省份，并选择。一、原理剖析 其实原理非常简单，需要用到中继器，为中继器设置相应的字段，然后再使用 关键 indexof 字，从下拉列表搜出想要的省份，并选择。一、原理剖析其实原理非常简单，需要用到中继 的时候有介绍他 器，为中继器设置相应的字段，然后再使用indexof函数，这个函数在讲中继器 的作用及用法，这里再引用一下： [[Item.name.indexOf(key)>-1||ltem.xiaoxie.indexOf(key)>-1||ltem.daxie.i ，赋予变量的值为搜索文本框这个元件输入的内容， ndexOf(key)>-1]]key ，代表的值在这个字段中存在的位置，第一个字的位置是 Item.name.indexOf(key)>-1keyname ，如果存在则返回该位置的值，一定是》的，不存在则为因此这句话如果〉成立的话写 ,( 00-1-1 成》也可以，就能搜索出来，第二句和第三句的意思一样的，中间两竖的运算符代表 )“”“表 0 key的值在name这个字段中存在的位置，第一个字的位置是0，如果存在则返回该位置的值，一 定是》0的，不存在则为-1,因此这句话如果〉-1成立的话(写成》0也可以)，就能搜索出来，第 的 二句和第三句的意思一样的，中间两竖的运算符“”代表“或” 意思，整句代码就代表：搜索框输入的内容只要在这三个字段中有一个成立就能搜索并选取出 来。，整句代码就代表：搜索框输入的内容只要在这三个字段中有一个成立就能搜索并选取出 来。 二、设计步骤，整句代码就代表：搜索框输入的内容只要在这三个字段中有一个成立就能搜索并 选取出来。二、设计步骤 所需元件的位置及尺寸的排列布局，整句代码就代表：搜索框输入的内容只要在这三个 : Step1 y| 字段中有一个成立就能搜索并选取出来。二、设计步骤y|Step1:所需元件的位置及尺寸的排列布 局