起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識Axure教程｜利用中繼器做可以翻頁的列表
相信所有的產(chǎn)品經(jīng)理以及有志于成為產(chǎn)品經(jīng)理的人對中繼器都不會很陌生，做為axure的兩大高端功能之一，對中繼器的了解往往可以檢測一個人的axure使用水準(zhǔn)。本教程將為大家介紹中繼器的使用，相信大家學(xué)習(xí)之后，在實際工作中可以少求一次他人。
既然說中繼器是axure兩大難點之一，那么也有必要提一下另一個難點，即函數(shù)和變量的組合運用。
當(dāng)然本文主要講的是中繼器的使用，至于函數(shù)和變量可以參照作者以前的文章，這些文章我將在末尾為大家附上鏈接，有興趣的讀者可以查看。
本案例體驗地址：請點擊我。
1、認(rèn)識中繼器
中繼器可以在元件庫的基本元件中找到，作為新版的內(nèi)容以及最為復(fù)雜的元件排在最后一個，將其拖入工作面板之后可以看到如上圖所示的初始樣式。通過右上角的1我們知道中繼器初始就是擁有交互的。
其交互如上圖所示，可以看出其交互為設(shè)置文字，如果將交互刪除，效果如下圖所示：
簡單來說，即如果刪除了交互，列表中的內(nèi)容將不會被加載，上圖中左邊為有交互的中繼器，而右邊則為沒有交互的中繼器。上面的中繼器有1,2,3三個數(shù)字，表示該中繼器暫時顯示了三行，且每一行僅有一個數(shù)值。中繼器的操作有點類似于動態(tài)面板，我們可以雙擊后進行進一步的設(shè)置。
2、中繼器的設(shè)置
1. 基本內(nèi)容的顯示
如上圖所示，我們雙擊進入中繼器并在中繼器中畫兩個圓，左邊的圓命名為1，右邊的圓命名為2。接著在中繼器的設(shè)置中為其加上列m，設(shè)置m列的元素為a,b,c。這樣我們就得到了一個有6個元素的中繼器。
但現(xiàn)在的中繼器沒有顯示內(nèi)容的交互，所以發(fā)布后沒有什么變化，為了實現(xiàn)這個列表的顯示，還需要進行一定的設(shè)置。
設(shè)置方式如上圖所示，讓橢圓1顯示第一列的內(nèi)容，橢圓2顯示第二列的內(nèi)容，這樣我們就可以得到最終的效果。
上圖為設(shè)置后的發(fā)布效果，可以發(fā)現(xiàn)，在左邊和右邊依次出現(xiàn)了第一列和第二列的內(nèi)容，我們填入中繼器中的內(nèi)容通過兩個橢圓顯示了出來。
2. 添加行
我們在界面中加入一個矩形，然后設(shè)置單擊后的交互，交互設(shè)置如上圖所示，單擊后添加一個行，第一列的內(nèi)容為4，第二列的內(nèi)容為d，讓我們試試效果。
3. 標(biāo)記以及刪除
標(biāo)記的操作如上所示，在中繼器中再加一個橢圓，對其進行如上設(shè)置。當(dāng)鼠標(biāo)點擊這個橢圓的時候，選中this，并顯示文本“！”表示已經(jīng)選中了該選項。
接著新增按鍵刪除，刪除按鍵的交互如上所示，刪除已經(jīng)被標(biāo)記的行。
運行一下如下所示：
3、頁面顯示設(shè)置
如上圖所示，在添加行中設(shè)置一個交互設(shè)置每頁數(shù)目為5，再增加兩個按鍵1和2，分別表示頁面1以及頁面二。
為這兩個按鍵分別設(shè)置交互，當(dāng)點擊2的時候，設(shè)置頁面為2。按鍵1的設(shè)置同理。
演示一下設(shè)置后的效果：
可以看到，當(dāng)添加行的時候，行數(shù)將會增加，但當(dāng)行數(shù)到達(dá)5的時候?qū)⒉粫诒卷撛黾?，我們點擊1和2 可以發(fā)現(xiàn)多余的行切換至了第二頁。
總結(jié)
本文文字并不多，但對中繼器的各種設(shè)置基本都有提及，如果想要做更多的效果，那就需要再學(xué)習(xí)函數(shù)以及變量的內(nèi)容，單靠對中繼器的使用是無法完成的。
相關(guān)資料
《Axure教程｜淘寶網(wǎng)商品圖片放大鏡效果制作》
#專欄作家#
馬璐，人人都是產(chǎn)品經(jīng)理專欄作家。關(guān)注產(chǎn)品設(shè)計以及用戶體驗，力求在技術(shù)一定的情況下將產(chǎn)品做到極致，充分發(fā)揮技術(shù)的潛能。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自 Pexels ，基于 CC0 協(xié)議
中繼器很強大，謝謝樓主
感謝認(rèn)可