編輯導(dǎo)讀：當(dāng)你不知道你想要的商品具體名稱是什么時(shí)，你可以輸入關(guān)鍵詞，用聯(lián)想功能搜索。本文作者分享如何用Axure制作搜索輸入聯(lián)想功能，希望對(duì)你有幫助。

本次分享的是利用中繼器實(shí)現(xiàn)的搜索輸入聯(lián)想功能，可將搜索的關(guān)鍵詞添加到聯(lián)想列表中

預(yù)覽及下載地址：https://776bds.axshare.com

一、制作原型

1、拖動(dòng)一個(gè)【矩形】元件，加入【文本框】，其文本框命名為“text”

拖動(dòng)一個(gè)【矩形】元件，制作成“搜索”按鈕，命名為“Button”

拖動(dòng)一個(gè)動(dòng)態(tài)面板，命名為“區(qū)域”

2、點(diǎn)擊動(dòng)態(tài)面板，進(jìn)入狀態(tài)模式，拖動(dòng)一個(gè)【中繼器】元件，點(diǎn)擊中繼器，加入一個(gè)【矩形】元件，命名為“Label”，對(duì)中繼器賦值

二、交互設(shè)置

1、對(duì)搜索框進(jìn)行“文本改變時(shí)“事件進(jìn)行設(shè)置

2、對(duì)搜索按鈕進(jìn)行”鼠標(biāo)點(diǎn)擊時(shí)“事件設(shè)置

3、對(duì)中繼器進(jìn)行”每項(xiàng)加載時(shí)“事件設(shè)置

4、對(duì)中繼器中的矩形框進(jìn)行”鼠標(biāo)點(diǎn)擊“事件設(shè)置

所有設(shè)置進(jìn)行完畢。

本文由@qianqianlu 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Pixabay，基于CC0協(xié)議