---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)明出處~