中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

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

一、特別提醒

考慮到網上Axure RP 9 教程極少的情況，今后文章名稱統一改為Axure RP 9 教程，一來明確自己的定位，二來提高搜索的精準度。本次教程是對Axure中繼器的深化學習，之前發布過通過中繼器實現模塊排序的功能，本次教程是利用中繼器實現篩選和新增。

二、效果圖

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

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

三、往期回顧

根據所選字段篩選出符合條件的結果：

新增角色：

四、實現邏輯

首先，介紹一下中繼器。

簡單說：中繼器是一個數據集，里面可以導入數據和圖像，新增行、刪除行、進行排序和篩選數據，中繼器通常更多的出現在高級交互中?！禔xure教程—中繼器實現模塊排序》（文章在歷史教程中可見）一文中，講述了中繼器的排序功能，可以根據我們選擇的字段對模塊進行排序。本期講的是利用中繼器實現篩選功能和增加新數據的功能。

篩選功能和排序功能類似，都是設置數據集，實現篩選或者排序。

新增功能相對來說復雜一丟丟，但本質上其實就是將所輸入的數據賦值到中繼器中即可。

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

五、原型回顧

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

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

本文由 @王得宇AIPM 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議。