中繼器這個元件，對很多人來說是個難點，但實際上，只要理解它的結構和工作原理，使用起來非常簡單。
首先，我們將中繼器元件拖入畫布，是下方這個樣子。
看上去，這個元件由三個縱向排列的矩形組成。
這樣的一個元件，怎麼使用？
這裏大家可以記住一句話：任何一個元件如果不會使用，先雙擊試試看。
當我們雙擊了中繼器這個元件，在畫布中，又打開了一個新的編輯區。
這個編輯區，是中繼器內部內容的編輯區。
大家能夠看到，在這個編輯區中，自帶了一個矩形元件。
那麼，這個矩形元件和我們剛纔在頁面中看到的中繼器元件，有什麼關聯？
我們在這個編輯區中，我們把矩形隨意挪動一下位置，並且再放入一個圖片元件（或者其他元件），然後點畫布上方的標籤，切換回頁面的編輯區。
這個時候，大家能夠看到在頁面中，之前的三個矩形矩形也移動了位置，並且新增了三個相同的圖片元件。
看到這裏，大家一定能夠理解到，中繼器內部的內容決定了頁面中顯示的內容。
不過，在頁面中並不是一項內容，而是三項。
爲什麼在中繼器中的一項內容，在頁面中變成了三項？
這是由哪裏控制的呢？
我們點中中繼器這個元件，觀察它的屬性。
在它的屬性中，有一個區域，好像表格。
這個區域叫“數據集”。
在這個區域中，大家能夠看到，默認有一列三行的數據。
我給中繼器的定義：中繼器是一個重複列表項的元件。
如上圖所示，默認情況下，中繼器顯示的列表項的數量與數據集中數據行的數量相一致。
所以，大家可以做一下嘗試，在數據集中添加行或刪除行的話，列表項也會相應的增加或減少。
另外，大家也能夠注意到，中繼器列表項的內容並不完全一樣，上面顯示的數字是不相同的。
不過，通過上圖，大家也能夠發現，列表項中矩形顯示的數字，就是數據集中每一行“Column0”這一列的列值。
那麼，這個列值是怎麼關聯到矩形上的呢？
如果要改變矩形的文字，我們就要通過【設置文本】的動作，去設置這個元件的文字。
不過，在什麼時候，如何去設置這個矩形的文字爲不同的列值？
我們可以在概要面板中，將中繼器內部的矩形命名。例如：DefaultShape
然後，在中繼器屬性面板的頂部，大家能夠看到默認有一些交互的設置。
這個設置是【每項加載時】，【設置文本】於矩形“DefaultShape”爲“[[Item.Column0]]”。
首先，先來說說每項加載時這個觸發事件，它體現了中繼器的工作原理。
中繼器這個元件，在頁面中加載的時候，會讀取數據集。
如果發現數據集存在數據，就將第一行數據讀取出來，通過交互設置將數據與編輯區中的元件關聯，生成列表項的第一項。
然後，再次讀取數據集中的第二行，將數據通過交互設置與編輯區中的元件關聯，生成列表項的第二項。以此類推，知道讀取完所有的數據行後，停止列表項的生成加載。
所以，這個觸發事件叫【每項加載時】。
那麼，這個觸發事件裏面的動作，大家就能夠理解是將數據集的數據與編輯區的元件進行關聯。
不過，這個動作中有一個關鍵的內容就是“[[Item.Column0]]”。
Item是一個系統變量，中繼器每個列表項加載時，所讀取一行數據，都會存入這個系統變量。
Column0是列名。
Item.Column0就是指一行數據中Column0這一列的列值。
這個列值，在讀取每一行數據時都是不同的。
所以 ，通過這樣的交互，完成數據集數據與編輯區元件的關聯，我們纔看到了每一項中不同的內容。 
最後，當我們在中繼器數據集中添加新的行與列值的時候，中繼器的列表項會隨之增加。
這些列表項默認是垂直排列的。
那麼，能不能讓它水平排列，並且能夠達到一定數量折行呢？
就好像某些商品列表一樣，一排幾個進行排布呢？
我們，點中中繼器元件，然後在檢視面板中，切換到樣式的設置。
在這裏，我們可以設置中繼器列表的佈局爲【水平】佈局。
勾選【網格排布】後，通過數量的設置，就能實現一定數量折行的效果。
另外，在這部分設置中，我們還可以設置列表項的背景色、交替背景色，列表項內容的多頁顯示，列表項之間的行間距、列間距等等。
綜上所述，我們來總結一下中繼器的基本組成，這也是中繼器基礎操作主要步驟。
1、內部編輯區
在中繼器內部的編輯區中，我們要先創建列表項的模板內容。
這個模板內容決定每一個列表項中的元件組成結構。
2、數據集
在數據集中，我們要添加列表項的數據內容（含文字、圖片以及引用頁面）。
3、交互
在交互設置中，將數據集的內容與內部編輯區中模板元件建立關聯。
4、樣式
在樣式設置中，我們可以對列表的佈局、背景、分頁以及列表項間距進行設置。
通過以上四部分內容以及相關的操作，才能夠正確、完整的使用中繼器這個元件。
備註：前三部分內容與步驟是必須的，樣式的設置在某些應用中無需設置。
以上就是對中繼器組成結構與工作原理的解析。