Axure 9中繼器怎么制作排序效果?
我要評(píng)論Axure的中繼器除了進(jìn)行列表的增刪改外，還可以利用它來(lái)實(shí)現(xiàn)列表的篩選、排序等，中繼器怎么制作排序效果呢？下面我們就來(lái)看看詳細(xì)的教程。
1、以數(shù)據(jù)為：姓名、部門(mén)、職位為例，首先我們拖動(dòng)中繼器，將自帶內(nèi)容刪除，拉入三個(gè)矩形框作為數(shù)據(jù)文本，命名：name、bumen、zhiwei。
2、在中繼器的數(shù)據(jù)中分別為列命名并填入數(shù)據(jù)，將數(shù)據(jù)分配到各個(gè)對(duì)應(yīng)的矩形中，退出中繼器即可看見(jiàn)數(shù)據(jù)效果。
3、接下來(lái)我們制作表頭，退出中繼器，對(duì)應(yīng)拖動(dòng)矩形框及文本標(biāo)簽，排序按鈕。
4、以部門(mén)排序?yàn)槔酉聛?lái)我們制作選中及排序的效果，當(dāng)選中上箭頭時(shí)，姓名升序排序，下箭頭姓名降序排列。設(shè)計(jì)選中效果，鼠標(biāo)單擊上箭頭時(shí)，上箭頭選中狀態(tài)為藍(lán)色，下箭頭選中狀態(tài)為假。下箭頭的選中效果與上箭頭效果一致，此處不再贅述。
5、設(shè)計(jì)排序效果，在單擊的交互事件中添加排序，找到中繼器的部門(mén)列，切換升序即可，下箭頭的排序效果與上箭頭一致，將切換升序修改為切換降序即可，這里不再贅述。
6、其他字段的排序效果也是同樣的方法設(shè)置，完成后我們點(diǎn)擊預(yù)覽，就可以看見(jiàn)對(duì)應(yīng)的升降序排序效果。
以上就是Axure 9中繼器制作排序效果的技巧，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure RP 8怎么使用中繼器實(shí)現(xiàn)自增效果?
AXURE怎么使用中繼器實(shí)現(xiàn)樣式重復(fù)但內(nèi)容不同的效果?
相關(guān)文章
Axure RP如何設(shè)置默認(rèn)預(yù)覽瀏覽器?
使用瀏覽器預(yù)覽Axure原型文件，我們可以根據(jù)習(xí)慣或者其他要求來(lái)設(shè)置默認(rèn)瀏覽器，例如谷歌、火狐，怎么方便怎么來(lái)。Axure8怎么設(shè)置默認(rèn)預(yù)覽瀏覽器？請(qǐng)看文章說(shuō)明2019-06-25
Axure原型怎么設(shè)計(jì)大于7頁(yè)的分頁(yè)效果?
Axure原型怎么設(shè)計(jì)大于7頁(yè)的分頁(yè)效果？Axure制作網(wǎng)頁(yè)原型的時(shí)候，如果遇到大雨7頁(yè)的分頁(yè)效果，該怎么布局呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-06-14
Axure矩形怎么去邊框? Axure矩形隨意去掉邊框的教程
Axure矩形怎么去邊框？Axure中想要將矩形的邊框去掉，該怎么去邊框呢？下面我們就來(lái)看看Axure矩形隨意去掉邊框的教程，需要的朋友可以參考下2019-06-11
Axure怎么制作點(diǎn)擊即可刪除Tag標(biāo)簽動(dòng)效?
Axure怎么制作點(diǎn)擊即可刪除Tag標(biāo)簽動(dòng)效？Axure中想要制tag標(biāo)簽，并且有可以刪除的交互效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-06-02
Axure怎么制作環(huán)形樣式的進(jìn)度條？Axure中想要制作一個(gè)進(jìn)度條，該怎么制作一個(gè)進(jìn)度條呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-05-30
Axure怎么制作固定首列與尾列的表格？Axure中插入的表格，想要固定首列與尾列，該怎么固定呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-05-23
Axure怎么制作氣泡效果的確認(rèn)框？Axure制作頁(yè)面原型的時(shí)候，想要制作氣泡效果的確認(rèn)框，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-05-15
axure怎么制作鼠標(biāo)懸停原圖與縮略圖切換效果?
axure怎么制作鼠標(biāo)懸停原圖與縮略圖切換效果？axure中想要制作一個(gè)鼠標(biāo)放在縮略圖上，縮略圖顯示成原圖，鼠標(biāo)移走原圖就切換成縮略圖，該怎么實(shí)現(xiàn)這個(gè)效果呢？下面我們就來(lái)2019-05-15
axure怎么實(shí)現(xiàn)多張圖片同區(qū)域左右滑動(dòng)顯示效果?
axure怎么實(shí)現(xiàn)多張圖片同區(qū)域左右滑動(dòng)顯示效果？手機(jī)app中經(jīng)常能看到多張圖片是滑動(dòng)顯示的，該怎么制作這個(gè)原型？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-05-10
axure怎么制作加減號(hào)控制數(shù)據(jù)的效果?
axure怎么制作加減號(hào)控制數(shù)據(jù)的效果？axure中想要制作一個(gè)左右加減號(hào)控制數(shù)據(jù)的增加或者減少的效果，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2019-05-10
