Axure監(jiān)聽器之中繼器監(jiān)聽器
中繼器Repeater在Axure的應(yīng)用中實在是太常用了,我們最常用的功能是針對同一行內(nèi)的操作,但在使用的過程中難免會遇到“需要對中繼器中符合特定條件的部分行(多行)進行操作”的這種問題,這時就需要用到中繼器監(jiān)聽器了。
一、小測試
先來個小測試吧,看看你對中繼器有多了解:
- 測試一:點擊矩形獨立旋轉(zhuǎn)1次
- 測試二:點擊按鈕全部矩形旋轉(zhuǎn)1次
- 測試三:點擊矩形全部矩形旋轉(zhuǎn)1次
- 測試四:點擊按鈕矩形依順序各旋轉(zhuǎn)1次后停止
- 測試五:點擊按鈕矩形依順序反復(fù)無限旋轉(zhuǎn)
- 測試六:點擊按鈕矩形依順序反復(fù)旋轉(zhuǎn)并可停止
先打開:https://tryiel.axshare.com/?查看目標(biāo)效果,先自己嘗試挑戰(zhàn)一下。
其中會用到 《如何在Axure里使用循環(huán)》 里的循環(huán)知識。
如果你全會做了,那么說明你中繼器已經(jīng)玩得非常明白,后面的文字不需要看了。
二、原理
我們都知道Axure里是沒有“中繼器監(jiān)聽器”這么個組件的,那要怎么實現(xiàn)呢?中繼器基本知識:
- 中繼器中每一行內(nèi)部的組件一般只能操作同行
- 中繼器外部的組件可以同時操作內(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ù)。
- 目前還沒評論,等你發(fā)揮!