Axure 中繼器的使用(一)

---By J

什么是中繼器?

從中繼器的特點(diǎn),我更樂意叫他的名字為數(shù)據(jù)集。中繼器的作用從表面上來看是用來動態(tài)存儲數(shù)據(jù)的元件,就像是APP里的數(shù)據(jù)庫,可以進(jìn)行普通的增刪改查,雖然沒什么特別,但是卻能夠通過它實現(xiàn)很多令人意想不到的效果。

中繼器是所有axure元件里,最復(fù)雜的元件。所以關(guān)于它的介紹,不是一次就能介紹完的。今天在這里,我先把它的基礎(chǔ)操作給大家做講解。讓大家理解基礎(chǔ)操作之后,能夠舉一反三的研究它更深層次的應(yīng)用。

為什么要使用中繼器?

在APP和網(wǎng)頁中,數(shù)據(jù)列表隨處可見,但是我們在原型的設(shè)計中,如何高效的展示你所設(shè)計的列表,而不是簡單地貼上死板的圖片?

我們先來看一下幾個例子:

1、APP的數(shù)據(jù)列表

首先我們想達(dá)到的目的:


通過兩個按鈕分別顯示不同類型的通知數(shù)據(jù)列表:

根據(jù)點(diǎn)擊按鈕先后順序,將列表進(jìn)行排序:

如何實現(xiàn)這樣的動態(tài)加載效果?雖然用動態(tài)面板的方式也可以做到,但十分的繁瑣且很死板,這個時候我們就需要使用中繼器。

2、數(shù)據(jù)列表的增刪改查

這個是我所需要顯示的數(shù)據(jù)列表:

通過用戶檢索,只顯示與檢索條件一致的數(shù)據(jù)列表,達(dá)到我要的交互效果:

這種情況下,依然需要中繼器的輔助。

如何使用中繼器(一)

那么中繼器該怎么使用呢?這一章將詳細(xì)講解效果一所展現(xiàn)的效果。

1、拖入中繼器控件



2、雙擊所托入的中繼器進(jìn)行樣式的編輯,編輯通用的樣式,并且對每一個動態(tài)的控件進(jìn)行命名


3、返回中繼器,為中繼器添加動態(tài)的字段以及想要展示的數(shù)據(jù)

4、將數(shù)據(jù)與界面關(guān)聯(lián)起來:

編輯完后,列表就生成啦

5、那么如何做到剛加載時,一個數(shù)據(jù)都不顯示呢?

、

好了 這下行的通了,初始的時候啥也沒啦?。?!

6、最后關(guān)鍵來啦,如何通過點(diǎn)擊其他按鈕觸發(fā)事件來顯示&排序這兩個列表呢?


大功告成啦!怎么樣,趕緊先試試吧~


該文檔偽原創(chuàng),轉(zhuǎn)載請標(biāo)明出處~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容