《Axure RP 9網(wǎng)站與App產(chǎn)品交互設(shè)計(jì)實(shí)踐》課件 9.中繼器高階 - 淘寶列表+ 新聞列表

Axure中繼器技術(shù)型文科人才系列課程主講人：文學(xué)與傳媒學(xué)院交互設(shè)計(jì)回顧：夸父網(wǎng)首頁(yè)“新聞快遞news”板塊，2條推薦新聞制作方法？搶答1.每條新聞各包含哪些元件？2.你的制作步驟是怎樣的？3.如果新聞?dòng)袔资畻l怎么辦？網(wǎng)頁(yè)或APP等頁(yè)面中，一些列表類的內(nèi)容，如商品列表信息、聯(lián)系人信息、用戶信息等，可以用中繼器元件來設(shè)計(jì)。列表的各項(xiàng)目有相同的元件，格式。中繼器元件可用來顯示重復(fù)的文本、圖片、鏈接。中繼器的使用方法1?中繼器內(nèi)部編輯區(qū)2?中繼器數(shù)據(jù)集3?中繼器交互任務(wù)分析1組：中繼器的內(nèi)部編輯區(qū)2組：中繼器的數(shù)據(jù)集3組：中繼器的交互設(shè)置翻轉(zhuǎn)分組中繼器的內(nèi)部編輯區(qū)

任務(wù)一制作淘寶商品列表的項(xiàng)目其他同學(xué)請(qǐng)?jiān)趯W(xué)習(xí)通的“群聊”中實(shí)時(shí)提出問題。（提出問題、分析問題、給出建議和建議皆可，每次+1’）小組1總結(jié)反思請(qǐng)為第1小組評(píng)分（+1‘）評(píng)分標(biāo)準(zhǔn)講解思維清晰，是否聽懂？(50分)操作演示流暢，是否看懂？(50分)教師小結(jié)制作新聞列表中繼器內(nèi)部編輯器元件水平線圖片標(biāo)題、文本標(biāo)簽、文本段落樣式線型圖片尺寸125*95字體顏色、大小2組：制作淘寶商品列表的數(shù)據(jù)集其他同學(xué)請(qǐng)?jiān)趯W(xué)習(xí)通的“群聊”中實(shí)時(shí)提出問題。（提出問題、分析問題、給出建議和建議皆可，每次+1’）翻轉(zhuǎn)任務(wù)小組2總結(jié)反思請(qǐng)為第2小組評(píng)分（+1‘）評(píng)分標(biāo)準(zhǔn)講解思維清晰，是否聽懂？(50分)操作演示流暢，是否看懂？(50分)教師小結(jié)添加新聞列表的數(shù)據(jù)集數(shù)據(jù)集列每列是一個(gè)字段命名不能用中文行每行就是一條信息圖片-右鍵導(dǎo)入圖片文字-直接雙擊單元格后編輯可以從excel表中復(fù)制文字內(nèi)容

中繼器數(shù)據(jù)集

中繼器數(shù)據(jù)集有點(diǎn)像數(shù)據(jù)庫(kù)的表，數(shù)據(jù)集列名可以進(jìn)行重新命名，但要注意一點(diǎn)，不可以使用中文，如果命名為中文，它會(huì)提示列名是無效的。數(shù)據(jù)集功能條操作包括新增行、刪除行、上移行、下移行、新增列、刪除列、左移列、右移列等操作，對(duì)中繼器數(shù)據(jù)集進(jìn)行管理。(中繼器的項(xiàng))中繼器數(shù)據(jù)集里面有幾行數(shù)據(jù)，中繼器就會(huì)顯示幾個(gè)重復(fù)的布局。3組：綁定數(shù)據(jù)集其他同學(xué)請(qǐng)?jiān)趯W(xué)習(xí)通的“群聊”中實(shí)時(shí)提出問題。（提出問題、分析問題、給出建議和建議皆可，每次+1’）翻轉(zhuǎn)任務(wù)小組3總結(jié)反思請(qǐng)為第3小組評(píng)分（+1‘）評(píng)分標(biāo)準(zhǔn)講解思維清晰，是否聽懂？(50分)操作演示流暢，是否看懂？(50分)教師小結(jié)綁定新聞列表的數(shù)據(jù)數(shù)據(jù)綁定（交互）事件每項(xiàng)加載時(shí)動(dòng)作綁定圖片-設(shè)置圖片綁定文本-設(shè)置文字打開新聞頁(yè)面（交互）事件點(diǎn)擊（標(biāo)題）時(shí)動(dòng)作打開鏈接在新窗口/標(biāo)簽中繼器的交互（數(shù)據(jù)綁定）小結(jié)

本章主要學(xué)習(xí)Axure中繼器模擬數(shù)據(jù)庫(kù)操作，應(yīng)當(dāng)做到以下幾點(diǎn)。

（1）學(xué)會(huì)什么是中繼器以及中繼器內(nèi)部編輯器和中繼器數(shù)據(jù)集。

（2）學(xué)會(huì)將中繼器數(shù)據(jù)集里的數(shù)據(jù)綁定到中繼器元件上，顯示出來。

參考讀物中繼器/axure-rp/referen