Axure教程:搜索輸入聯想功能(中繼器)

1 評論 5121 瀏覽 8 收藏 3 分鐘

編輯導讀:當你不知道你想要的商品具體名稱是什么時,你可以輸入關鍵詞,用聯想功能搜索。本文作者分享如何用Axure制作搜索輸入聯想功能,希望對你有幫助。

本次分享的是利用中繼器實現的搜索輸入聯想功能,可將搜索的關鍵詞添加到聯想列表中

預覽及下載地址:https://776bds.axshare.com

一、制作原型

1、拖動一個【矩形】元件,加入【文本框】,其文本框命名為“text”

拖動一個【矩形】元件,制作成“搜索”按鈕,命名為“Button”

拖動一個動態面板,命名為“區域”

2、點擊動態面板,進入狀態模式,拖動一個【中繼器】元件,點擊中繼器,加入一個【矩形】元件,命名為“Label”,對中繼器賦值

二、交互設置

1、對搜索框進行“文本改變時“事件進行設置

2、對搜索按鈕進行”鼠標點擊時“事件設置

3、對中繼器進行”每項加載時“事件設置

4、對中繼器中的矩形框進行”鼠標點擊“事件設置

所有設置進行完畢。

 

本文由@qianqianlu 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Pixabay,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 別誤導人了,垃圾東西,媽的中間的定義變量和其他的函數過程被你吃了???,趕緊刪了吧,惡心人呢在這

    來自江西 回復