中繼器，從物理層面是一個實體工具界轩，可以作為局域網(wǎng)所有節(jié)點的中心画饥，放大信號，增強遠(yuǎn)距離的通信浊猾，把不同傳輸介質(zhì)的網(wǎng)絡(luò)連在一起抖甘。
而在Axure軟件中，中繼器英文是“Repeater”与殃，直譯為“重復(fù)器”单山，但漢化者并沒有使用，而是采用中繼器這個更專業(yè)的詞匯幅疼。
這樣翻譯其實很有道理米奸，中繼器也相當(dāng)于一種媒介，把外界信息收集起來爽篷，再實現(xiàn)包括基礎(chǔ)數(shù)據(jù)悴晰、操作、操作后的效果逐工。
例如我們常見的增刪改功能铡溪、排序篩選等，其本質(zhì)就是對數(shù)據(jù)的重復(fù)操作泪喊。增加數(shù)據(jù)就是重復(fù)再顯示一次棕硫，刪除數(shù)據(jù)就是把重復(fù)效果去掉，這樣一想袒啼，我們就更容易理解中繼器到底在做什么了哈扮。
本文的思路仍然是從基礎(chǔ)理論說起，再講常用效果的實現(xiàn)思路蚓再。
一滑肉、原理與屬性與樣式
既然中繼器最本質(zhì)的特點是repeat，那么我們先搞清楚它是如何重復(fù)的摘仅？重復(fù)的規(guī)律是什么靶庙？
拖入一個中繼器，重點看屬性和樣式娃属，如下圖紅圈
1.1 中繼器屬性
在前文中已經(jīng)比對過矩形六荒、動態(tài)面板护姆、熱區(qū)的屬性，每類元件都有其特有的交互用例
中繼器有【每項加載時】【項目調(diào)整尺寸時】
● 【每項加載時】
交互事件中有一個默認(rèn)Case1恬吕，意指將某個矩形設(shè)置為某個數(shù)據(jù)签则。而中繼器數(shù)據(jù)區(qū)域，第一列列名為Column0铐料，下方值顯示為 1/2/3渐裂，和中繼器顯示的1/2/3對應(yīng)。添加第二列數(shù)據(jù)后钠惩，按照同樣的方式設(shè)置第二列顯示的數(shù)據(jù)為數(shù)據(jù)區(qū)Column1柒凉。
因此不難得知如下規(guī)律
1）中繼器屬性區(qū)有N行數(shù)據(jù)，中繼器就重復(fù)N次篓跛，每一行數(shù)據(jù)相當(dāng)于一個項目
2）每行數(shù)據(jù)膝捞，也即每個項目中包含X個元件，X個元件對應(yīng)了同一行數(shù)據(jù)中的多列
如上述示例愧沟，三行數(shù)據(jù)則中繼器重復(fù)了三次蔬咬，每1行數(shù)據(jù)包含兩列，每一列和項目中的某個元件對應(yīng)
● 【項目調(diào)整尺寸時】
英文原版為 【OnItemResize】沐寺，直譯為 【當(dāng)項目尺寸改變時】扒袖，意指當(dāng)每一項目的尺寸發(fā)生變化仇箱。那么什么情況才算尺寸發(fā)生變化呢？
項目中發(fā)生【顯示隱藏、移動惰许、旋轉(zhuǎn)帖族、設(shè)置尺寸】都可認(rèn)為尺寸改變庸毫，而設(shè)置文字或設(shè)置圖片則不算
1.2 中繼器樣式
● 樣式-布局
分為三種：垂直冠跷、水平、網(wǎng)格排布厨诸。也就是在中繼器重復(fù)時镶殷，每個項目是縱向重復(fù)、水平重復(fù)微酬、網(wǎng)格重復(fù)
以下三個中繼器設(shè)置了完全相同的數(shù)據(jù)和每個項目的基礎(chǔ)樣式绘趋，只是布局方式不同
● 樣式-背景
背景色，設(shè)置了每個項目的背景色得封，例如設(shè)置為綠色埋心，則每次重復(fù)時都會自動加上綠色背景
● 樣式-分頁
分頁指郁，原理和我們常見分頁功能相似忙上，例如通常每頁10條
多頁顯示：數(shù)據(jù)總行數(shù)，超過了每頁顯示的數(shù)量闲坎，則勾選
每頁項目數(shù)：設(shè)置5疫粥，則每一頁顯示5條數(shù)據(jù)茬斧，從第6條開始會顯示到第2頁
起始頁：設(shè)置默認(rèn)開始的頁碼，設(shè)置2梗逮，則中繼器默認(rèn)顯示第2頁的數(shù)據(jù)
● 樣式-間距
也即每個項目之間的間距
如果項目布局是垂直排列项秉，那么設(shè)置行間距，如果項目布局是水平排列慷彤，那么設(shè)置列間距娄蔼，如果是網(wǎng)格排列，可以設(shè)置行和列間距
1.3 中繼器數(shù)據(jù)
能支持的功能有
可直接Ctrl+V粘貼數(shù)據(jù)
可導(dǎo)入圖片
建議這樣設(shè)置來提高效率
事先把圖片放入到同一個文件夾內(nèi)
事先把基礎(chǔ)數(shù)據(jù)填寫到Excel內(nèi)
事先把項目中元件的名字底哗，和數(shù)據(jù)區(qū)的列名統(tǒng)一
二岁诉、初級示例：某網(wǎng)校頁面的課程排列
先找一個網(wǎng)校打開某類課程的頁面，發(fā)現(xiàn)每一門課程都有相同的屬性跋选，如下截圖
一門課程的屬性分為7個：圖片涕癣、課程名稱、學(xué)校前标、講師坠韩、集數(shù)、類型炼列、簡介
觀察和分析的步驟如下
1只搁、每門課程的屬性都有這些，重復(fù)唯鸭！————應(yīng)該使用中繼器
2须蜗、縱向垂直排列————中繼器的布局方式應(yīng)該選 【垂直】
3、每一行課程中間有間隔————中繼器的間隔應(yīng)該設(shè)置【行間距】目溉，具體值需要測量
4明肮、課程有圖片————中繼器每行數(shù)據(jù)的圖片需要【提前設(shè)置并導(dǎo)入】
5、每門課程的屬性有7個且不同————中繼器的項目至少有7個元件缭付，數(shù)據(jù)區(qū)需要7列數(shù)據(jù)柿估，每列列名需要和元件名稱對應(yīng)
按照上面的分析，我們先做三個課程陷猫，也即三行數(shù)據(jù)秫舌，具體設(shè)置如下
設(shè)置上圖的最佳步驟是
1、拖入一個中繼器
2绣檬、在基礎(chǔ)屬性中畫好一門課程的所有屬性足陨，并把元件名稱寫為英文
3、在中繼器的數(shù)據(jù)區(qū)娇未，粘貼提前寫好的課程內(nèi)容墨缘，并把【列名】修改為【元件名】，均為相同英文名
4、右擊圖片列的單元格镊讼，導(dǎo)入圖片
5宽涌、Case1中，每項加載時事件設(shè)置每個元件的值等于中繼器的列名蝶棋，再設(shè)置圖片顯示為圖片列名
根據(jù)上面的設(shè)置卸亮，預(yù)覽效果如下
以上。
中繼器原理和基本屬性就是文中提到的這些了玩裙，但其實它遠(yuǎn)不止如此兼贸，不然怎么會讓我用強大這個詞來形容它呢，下次再總結(jié)它常用的案例吃溅。
— — — — 系 列 目 錄 — — — —
這不是Axure教程：艹巍（四）元件六要素與用例
這不是Axure教程！（五）變量與函數(shù)
這不是Axure教程Ｑ占啊（六）動態(tài)面板之一:屬性和動效
這不是Axure教程Ｋ痢（六）動態(tài)面板之二:經(jīng)典實踐
— — — — 目? 錄? 完 — — — —
