用Axure實驗搜尋原型

2022-08-15 07:06:07 字數 1308 閱讀 2425

用中繼器製作篩選,使用函式變數製作關鍵字變色

整個步驟關鍵有兩步:

第一步,我們要通過中繼器製作好我們所需的資料庫,讓使用者可以搜尋到;

我們使用中繼器進行編輯,就是希望能夠通過中繼器所帶有的篩選功能可以對我們所需要的資訊進行篩選。這裡的資訊可以隨便編輯,我在這裡用歌手名來進行資料庫展示。

拖拽中繼器:

得到資料庫:

這一步的難點在於:

首先,針對第一點,中繼器自帶篩選功能,我們可以在文字改變時案例編輯裡找到中繼器,然後選擇篩選功能。

現在問題就出現了:中繼器只能做到篩選內容與你的資料庫內容的位置一一對應。

舉例來說:

我想要通過搜尋」雷州「來篩選出」湛江雷州白切狗「,中繼器是做不到的。它只能做到,搜尋」湛江雷州白切狗「或者按順序搜尋」湛江雷州「或者」湛江雷州白「才來篩選出」孫燕姿「。這個大家可以試一試。

因此,我們必須換個思路。在這裡我們使用的是通過字串函式」[[lvar.indexof('searchvalue')]]「進行篩選。

這個函式的意思是從頭到尾地檢索字串 lvar,看它是否含有子串 searchvalue。如果找到乙個 searchvalue,則返回 searchvalue 第一次出現的位置。如果要檢索的字串值沒有出現,則該方法返回 -1。

另外我們給搜尋按鈕設定用例

然後再把中繼器設定在搜尋框下面設為隱藏即刻,按f5進行預覽。。。

輸入湛江

到這裡,我的經驗分享就完了。現在的我仍是乙個剛剛邁出0基礎的新手,還需要多學習。

謝謝**

Axure 簡單原型設計

axure rp是乙個專業的快速原型設計工具。axure 發音 ack sure 代表美國axure公司 rp則是rapid prototyping 快速原型 的縮寫。axure rp是美國axure software solution公司旗艦產品,是乙個專業的快速原型設計工具,讓負責定義需求和規格...

Axure原型製作規範

axure原型製作規範 6.保真度 僅針對前端頁面 1 創新型產品 產品改版 為了體現新產品的業務邏輯,或展示產品的改進功能,本類原型要求高保真原型。具體包含 a 所有頁面有完整的鏈結,能順利跳轉 關閉 b 任何互動均有完整的流程和結束 c 關鍵功能 創新點要上色,不得使用自帶的灰白色 黑色 d 按...

axure原型設計工場

原型設計越來越受到關注,它的好處這裡也不必贅述,從移動網際網路,到傳統網際網路,都會涉及到原型的設計。由於工作方面的需要,也學習了關於原型設計方面的內容。既然axure能設計原型,並且也能輸出html格式的頁面,所以有使用axure直接設計 肯定也是某些人的想法。原型設計工場 簡單介紹一下吧,本身完...