中繼器，類似數(shù)據(jù)庫(kù)作用，以表的形式存儲(chǔ)圖片、文字等數(shù)據(jù)信息，通過(guò)每項(xiàng)加載時(shí)，將數(shù)據(jù)在頁(yè)面上展示，可實(shí)現(xiàn)數(shù)據(jù)的增刪查改操作

拖入中繼器

在元件庫(kù)中找到中繼器組件，拖入頁(yè)面

中繼器數(shù)據(jù)設(shè)置

點(diǎn)選中繼器組件，在右側(cè)屬性界面，可通過(guò)工具欄添加或刪除行、列，編輯列表頭名稱和每行對(duì)應(yīng)數(shù)據(jù)，表頭不能使用中文命名

中繼器排布設(shè)置

雙擊中繼器組件，打開(kāi)中繼器內(nèi)部編輯頁(yè)面，將中繼器所需要的內(nèi)容對(duì)應(yīng)格式的組件拖入編輯頁(yè)面，并按需要的排布位置排布，并給拖入中繼器中的組件命名（方便一會(huì)的數(shù)據(jù)對(duì)應(yīng)加載設(shè)置）

中繼器數(shù)據(jù)載入設(shè)置

點(diǎn)選中繼器組件，右側(cè)屬性界面，設(shè)置【每項(xiàng)加載時(shí)】事件，將已編輯好的中繼器各列數(shù)據(jù)設(shè)置到中繼器內(nèi)部對(duì)應(yīng)的組件中

設(shè)置圖像類數(shù)據(jù)

設(shè)置文本類數(shù)據(jù)

效果預(yù)覽

中繼器樣式設(shè)置

點(diǎn)選中繼器組件，右側(cè)樣式菜單，使用布局，設(shè)置垂直分布或水平分布；使用網(wǎng)格排布時(shí)，通過(guò)設(shè)置每排項(xiàng)目數(shù)設(shè)置每行排布的項(xiàng)目數(shù)目；使用背景交替，實(shí)現(xiàn)間隔行背景顏色的交替區(qū)分顯示；設(shè)置分頁(yè)顯示，可設(shè)置每頁(yè)顯示的項(xiàng)數(shù)和開(kāi)始頁(yè)碼；通過(guò)設(shè)置行間距、列間距，實(shí)現(xiàn)不同的行、列距離的自定義設(shè)置（具體效果自行設(shè)置預(yù)覽）

添加更多中繼器數(shù)據(jù)

以上過(guò)程已完成中繼器的數(shù)據(jù)設(shè)置，若想往中繼器中添加更多（行）數(shù)據(jù)，只需要在中繼器【屬性】界面，添加行編輯更多行數(shù)據(jù)即可，無(wú)需更多操作

作者：五月，微信公眾號(hào)：wuyuepd