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

一、小測(cè)試

先來(lái)個(gè)小測(cè)試吧，看看你對(duì)中繼器有多了解：

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

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

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

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

二、原理

我們都知道Axure里是沒(méi)有“中繼器監(jiān)聽(tīng)器”這么個(gè)組件的，那要怎么實(shí)現(xiàn)呢？中繼器基本知識(shí)：

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

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

三、參考答案

測(cè)試一：非常簡(jiǎn)單，只要在矩形上加入點(diǎn)擊事件即可：

測(cè)試二：無(wú)非是把點(diǎn)擊事件加在“轉(zhuǎn)”按鈕上，內(nèi)容同上。

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

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

以上三個(gè)測(cè)試都是中繼器的常規(guī)操作，接下來(lái)，我們要引入“監(jiān)聽(tīng)(Listener)”了。

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

先在內(nèi)部矩形上建立一個(gè)交互，因?yàn)橐粫?huì)兒需要進(jìn)行”旋轉(zhuǎn)“操作，所以可以把監(jiān)聽(tīng)綁定到”移動(dòng)時(shí)“，觸發(fā)條件是：文本框的值指向本行，其實(shí)，加的這個(gè)條件就是“監(jiān)聽(tīng)”功能了。：

加入條件“先判斷值”。

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

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

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

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

四、總結(jié)

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