Axure監(jiān)聽器之中繼器監(jiān)聽器

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

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

一、小測試

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

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

先打開:https://tryiel.axshare.com/?查看目標(biāo)效果,先自己嘗試挑戰(zhàn)一下。

其中會用到 《如何在Axure里使用循環(huán)》 里的循環(huán)知識。

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

二、原理

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

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

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

三、參考答案

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

測試二:無非是把點擊事件加在“轉(zhuǎn)”按鈕上,內(nèi)容同上。

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

這是由中繼器內(nèi)部觸發(fā)外部事件操控其他行的典型操作。

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

測試四:這次我們先用文本框?qū)崿F(xiàn)循環(huán):

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

加入條件“先判斷值”。

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

執(zhí)行的該做的都完成了,我們要在”轉(zhuǎn)“按鈕上添加啟動事件了,簡簡單單地設(shè)置值再觸發(fā)就可以了:

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

測試六:學(xué)習(xí)過?《如何在Axure中使用循環(huán)》?知識的你一定會做了。

四、總結(jié)

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

本文由 @最I(lǐng)nのAxure 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!