本篇文章帶大家認(rèn)識(shí)認(rèn)識(shí)Axure里的中繼器求晶。
01定義
中繼器崖蜜，英文名稱叫 repeater 浊仆，repeat 是重復(fù)的意思，repeater 我們可以理解為不斷重復(fù)工作的物件豫领。如 [連發(fā)槍] 抡柿。
那么在Axure中，中繼器也是用于重復(fù)工作的一個(gè)元件等恐。咱往工作區(qū)拖入一個(gè)中繼器洲劣，如圖：A备蚓、默認(rèn)有三行；B闪檬、雙擊中繼器星著，發(fā)現(xiàn)中繼器內(nèi)部只有一個(gè)矩形；C粗悯、頁面展示出三個(gè)矩形與中繼器數(shù)據(jù)集中所添加的行數(shù)有關(guān)。
表示中繼器展示出來的內(nèi)容是中繼器的數(shù)據(jù)集控制的同欠。
02样傍、中繼器如何控制展示內(nèi)容
中繼器從上文圖中，我們可以看到铺遂，中繼器展示出來的1衫哥、2、3矩形和數(shù)據(jù)集中Column0列下的1襟锐、2撤逢、3相關(guān)聯(lián)。
矩形上展示的文字粮坞，我們可以通過設(shè)置文本的動(dòng)作去實(shí)現(xiàn)蚊荣，在每項(xiàng)加載時(shí)執(zhí)行這個(gè)動(dòng)作。將矩形命名為TEXT_Cl莫杈，設(shè)置事件如圖：
到這肯定有同學(xué)想問互例，僅僅支持設(shè)置文本滿足不了我的需求呀，能否也能設(shè)置圖片呢筝闹？答案是[能]媳叨。
中繼器控制圖片內(nèi)容
往中繼器中拖入一個(gè)圖片元件，命名為Img_Cl关顷，中繼器數(shù)據(jù)集中新增一列糊秆，列名為 ImgCl
從網(wǎng)頁上復(fù)制一張圖片，回到數(shù)據(jù)集中议双，點(diǎn)擊ImgCl下的單元格痘番，快捷鍵Ctrl+V，有多少行聋伦，就重復(fù)多少次夫偶。
設(shè)置事件每項(xiàng)加載時(shí)，設(shè)置圖片的值為 [[Item.ImgCl]]
按下鍵盤上的F5預(yù)覽觉增，即可看到效果兵拢。
豎向太長了不太美觀，咱們可以變成橫向的逾礁，選中中繼器说铃，在右側(cè)編輯樣式访惜，將布局改為水平即可。
對中繼器腻扇，我們已經(jīng)有初步的認(rèn)識(shí)了债热，后續(xù)說中繼器更高級(jí)的用法。如：可篩選的商品列表幼苛；購物車自動(dòng)計(jì)算金額等窒篱。
來個(gè)硬廣，作者自己整理的一套適用于移動(dòng)端的元件庫舶沿，有需要的同學(xué)可以前往看看墙杯。
灰色元件庫鏈接地址：
https://www.axureshop.com/a/45563.html
橘黃元件庫鏈接地址：
https://www.axureshop.com/a/352.html
文章來自微信公眾號(hào)“木目原型”
