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