Axure監聽器之中繼器監聽器

0 評論 2067 瀏覽 2 收藏 5 分鐘

中繼器Repeater在Axure的應用中實在是太常用了,我們最常用的功能是針對同一行內的操作,但在使用的過程中難免會遇到“需要對中繼器中符合特定條件的部分行(多行)進行操作”的這種問題,這時就需要用到中繼器監聽器了。

一、小測試

先來個小測試吧,看看你對中繼器有多了解:

  1. 測試一:點擊矩形獨立旋轉1次
  2. 測試二:點擊按鈕全部矩形旋轉1次
  3. 測試三:點擊矩形全部矩形旋轉1次
  4. 測試四:點擊按鈕矩形依順序各旋轉1次后停止
  5. 測試五:點擊按鈕矩形依順序反復無限旋轉
  6. 測試六:點擊按鈕矩形依順序反復旋轉并可停止

先打開:https://tryiel.axshare.com/?查看目標效果,先自己嘗試挑戰一下。

其中會用到 《如何在Axure里使用循環》 里的循環知識。

如果你全會做了,那么說明你中繼器已經玩得非常明白,后面的文字不需要看了。

二、原理

我們都知道Axure里是沒有“中繼器監聽器”這么個組件的,那要怎么實現呢?中繼器基本知識:

  1. 中繼器中每一行內部的組件一般只能操作同行
  2. 中繼器外部的組件可以同時操作內部所有行

所里,在中繼器的內部、外部各放一個組件進行信息的溝通就可以了。

三、參考答案

測試一:非常簡單,只要在矩形上加入點擊事件即可:

測試二:無非是把點擊事件加在“轉”按鈕上,內容同上。

測試三:在測試二的基礎上,矩形上加入點擊事件”觸發事件”‘轉’按鈕的“單擊時”,這樣就實現了在中繼器里操作其他行。

這是由中繼器內部觸發外部事件操控其他行的典型操作。

以上三個測試都是中繼器的常規操作,接下來,我們要引入“監聽(Listener)”了。

測試四:這次我們先用文本框實現循環:

先在內部矩形上建立一個交互,因為一會兒需要進行”旋轉“操作,所以可以把監聽綁定到”移動時“,觸發條件是:文本框的值指向本行,其實,加的這個條件就是“監聽”功能了。:

加入條件“先判斷值”。

外面的文本框的事件可以自選,我同樣用了”移動時“,先判斷如果當前文字小于等于9,那么就移動中繼器內的矩形,1秒后自增1,再循環觸發自己。

執行的該做的都完成了,我們要在”轉“按鈕上添加啟動事件了,簡簡單單地設置值再觸發就可以了:

測試五:這個和測試四幾乎相同,文本框的操作稍微改一下,利用模除實現數字反復:

測試六:學習過?《如何在Axure中使用循環》?知識的你一定會做了。

四、總結

雖然“監聽(Listener)”聽起來好像高大上的樣子,實現上就是加入了判斷,只讓符合特定條件的行去執行交互。

本文由 @最InのAxure 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!