特別提醒

考慮到網上Axure RP 9 教程極少的情況，今后文章名稱統一改為Axure RP 9 教程，一來明確公眾號的定位，二來提高搜索的精準度。

本次教程是對Axure中繼器的深化學習，之前發布過通過中繼器實現模塊排序的功能，本次教程是利用中繼器實現篩選和新增。

效果圖

根據所選項篩選出符合條件的角色，例如選擇性別女，篩選出性別為女的角色。

添加一個新的角色，輸入角色的字段信息，將角色添加進中繼器的數據集內。

實現邏輯

首先，介紹一下中繼器，簡單說，中繼器是一個數據集，里面可以導入數據和圖像，新增行、刪除行、進行排序和篩選數據，中繼器通常更多的出現在高級交互中。《

好，那么接下來從教程中學習到底如何實現上述功能。

原型回顧

本次教程是在之前中繼器教程的基礎上做了優化，因此，我們先來回顧一下原型，回憶一波中繼器內字段名稱。下圖是中繼器內數據的字段名稱：

OK！接下來開始講篩選和新增！

操作步驟—篩選

我們以選擇性別為例講述操作步驟。Step one.創建一個Droplist，命名為“Droplist 性別”，為Droplist添加四個選項，分別為 性別、女、男、未知。“性別”代表初始默認狀態，“未知”代表奇奇怪怪的角色性別，男和女就不多做解釋。Step two.

為Droplist 性別 設置交互，選項改變時，如果選中項為男，為中繼器新增過濾器，規則為[[item.Sex==’女’]]，這樣，在選中性別為女時，中繼器就會自動篩選出性別為女的角色。需要注意的是，item.Sex代表的是中繼器中數據集列名，’女’代表的是變量。這樣，就實現了選中性別為女時篩選出對應的角色。

Step three.

接下來，繼續設置if選中項為男，新增過濾器，if選中項為未知，新增過濾器…

Step four.

最后，if選中項為性別，移除中繼器的過濾器。

ok，附上交互設置截圖：

Step five.接下來以同樣的方式設置其他的中繼器數據集列的篩選即可。

操作步驟—新增

Step one.我們先明確添加角色時需要的字段，包括：名稱、性別、位置、評分、攻擊距離、攻擊力、防御力；明確他們的輸入類型，名稱項為文本，性別和位置為可選項，評分、攻擊距離、攻擊力和防御力輸入類型為Number。Step two.制作一個新增角色選框，在里面添加所需要輸入的字段輸入框或下拉列表，取好名稱，將他們打組方便管理(這里我命名方式為“添加XX”，XX為輸入字段的名稱，如輸入姓名的文本框命名為“添加名稱”)。增加btn添加和btn取消用于控制是否添加角色，ok，準備工作就緒，接下來就是設置如何新增了。

Step three.

為添加按鈕增加交互，鼠標單擊時，為中繼器新增行，點擊新增行，在彈出的數據集中設置函數，本案例中，名稱列，即Name列設置為A，同時為A設置局部變量為“元件文字=添加名稱”；同樣，Sex列，即性別列，設置為B，B的局部變量為“元件文字=添加性別”；這樣，將所需的7個字段一一對應設置，這樣，就實現了新增一行數據的功能。交互如下圖：

Step four.添加一些用于完善的交互，在點擊添加之后，隱藏新增模塊，同時讓所有輸入框和下拉列表框都設置為默認值，這樣，我們就可以重復多次添加角色了。

總結

本次的教程中并不包含太多的交互邏輯，實現方法其實也就是考驗對中繼器的熟悉程度。好，最后附上下載鏈接：

https://pan.baidu.com/s/11sQZ6l8-Iy5PP6bUIUqVOA

提取碼：

無(點擊閱讀原文可直接下載哦)

長按識別關注公眾號，一起向夢想出發

本文來自投稿，不代表PmTemple立場，如若轉載，請注明出處：https://www.pmtemple.com/silence/4183/。如有涉及侵權行為，請發送相關證明材料至郵箱admin@pmtemple.com

總結

以上是生活随笔為你收集整理的axure9的中继器在哪编辑_Axure RP 9 教程—中继器实现筛选和排序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。