2023學(xué)年完整公開課版AxureRP7的中繼器

HSUCLEARLogin賬號(hào)密碼設(shè)計(jì)基礎(chǔ)UI北京電子科技職業(yè)學(xué)院

AxureRP7.0的中繼器本次課程介紹AxureRP7.0的中繼器。中繼器（Repeater）是AxureRP7.0版本新增加的一個(gè)功能強(qiáng)大的元件。通過使用中繼器，能夠讓我們的原型更逼真，制作效率更快。中繼器概述12步驟HSUCLEARLogin賬號(hào)密碼PART01概述

一、概述在ASP.NET開發(fā)環(huán)境中Repeater控件是一個(gè)容器控件，用于顯示重復(fù)的項(xiàng)目列表。ASP.NET中的Repeater控件沒有自己內(nèi)置的呈現(xiàn)功能，用戶必須通過創(chuàng)建模板來(lái)提供Repeater控件的布局。當(dāng)網(wǎng)頁(yè)運(yùn)行時(shí)，Repeater控件會(huì)循環(huán)通過數(shù)據(jù)源中的記錄，并為每個(gè)記錄呈現(xiàn)一個(gè)項(xiàng)。HSUCLEARLogin賬號(hào)密碼步驟PART02

二、案例Axure中的中繼器（Repeater）元件與ASP.NET中的Repeater控件非常相像，也是用來(lái)呈現(xiàn)重復(fù)的項(xiàng)目列表。它用來(lái)顯示的模板在編輯區(qū)中進(jìn)行創(chuàng)建。當(dāng)生成的Html文件運(yùn)行時(shí)，可以通過【項(xiàng)目交互】中的【每項(xiàng)加載時(shí)】事件將【數(shù)據(jù)集】中的每條記錄循環(huán)的加載在模板上，為每一條記錄顯示一項(xiàng)。

二、案例中繼器還可以進(jìn)行【樣式設(shè)置】調(diào)整項(xiàng)目列表的布局、分頁(yè)、背景色、填充間距等。中繼器拖放到編輯區(qū)中，像是一個(gè)一列三行表格。

二、案例1、雙擊這個(gè)元件，就能打開新的界面。新打開的界面中，就包含我們之前提到的編輯區(qū)。在編輯區(qū)中，通過元件組成模板，用于顯示每一條記錄中的數(shù)據(jù)。

二、案例2、【數(shù)據(jù)集】、【項(xiàng)目交互】和【樣式設(shè)置】。這部分是中繼器的設(shè)置區(qū)域，在這里進(jìn)行數(shù)據(jù)集、項(xiàng)目交互和樣式設(shè)置的設(shè)置。

二、案例為了便于理解，我們將中繼器內(nèi)部結(jié)構(gòu)分為三個(gè)部分進(jìn)行理解。分別是：顯示、邏輯和數(shù)據(jù)。顯示：負(fù)責(zé)顯示內(nèi)容的組成、布局、樣式、分頁(yè)、背景等設(shè)置。包括：編輯區(qū)和樣式設(shè)置。邏輯：負(fù)責(zé)通過設(shè)置交互完成數(shù)據(jù)層與顯示層的數(shù)據(jù)傳遞。包括中繼器內(nèi)部的項(xiàng)目交互和元件交互中對(duì)中繼器的控制。

二、案例數(shù)據(jù)：負(fù)責(zé)存儲(chǔ)數(shù)據(jù)。這一部分只有數(shù)據(jù)集。這三部分之間的關(guān)系為：1、默認(rèn)情況下，顯示項(xiàng)的數(shù)量與中繼器數(shù)據(jù)集中的數(shù)據(jù)行數(shù)保持一致，比如元件默認(rèn)有一列數(shù)據(jù)“Column0”，這一列數(shù)據(jù)共有三行，對(duì)應(yīng)頁(yè)面中元件所顯示的三個(gè)矩形；

二、案例2、通過邏輯才能將數(shù)據(jù)集中的數(shù)據(jù)傳遞給顯示部分呈現(xiàn)出來(lái)；比如：我們看到元件中每個(gè)矩形上的數(shù)字。

二、案例是通過項(xiàng)目交互中【每項(xiàng)加載時(shí)】事件中的用例動(dòng)作來(lái)實(shí)現(xiàn)的

二、案例3、中繼器數(shù)據(jù)集的數(shù)據(jù)行會(huì)在元件加載或數(shù)據(jù)發(fā)生改變時(shí)由上至下進(jìn)行讀取，每讀取一行都會(huì)觸發(fā)【每項(xiàng)加載時(shí)】事件，并執(zhí)行該事件中設(shè)置的用例動(dòng)作。

二、案例在編輯值的界面中，點(diǎn)開【插入變量或函數(shù)…】的列表，選擇【Item.team_players】后保存退出到主界面。

二、案例經(jīng)過以上的