【知識點17】中繼器資料互動
01 中繼器用途
利用中繼器元件,可進行清單内容原型制作。清單中每一項都是相同的組成結構。
02 建立清單模闆
(1)在原型檔案的畫布中,放入一個中繼器元件。輕按兩下中繼器元件,進入編輯頁面。按照需求進行模闆編輯。
(2)在編輯區域放入一個圖檔元件(picture)、四個文本标簽(project、address、area、time),按需求調整好相應位置。
03 添加中繼器清單資料
根據需求,完成中繼器清單的資料。
04 中繼器互動設定
在“互動”功能面闆中,點選“中繼器互動”打開“互動編輯器”,添加“每項加載”事件。
點選“設定圖檔”選擇picture元件,在“設定default圖檔”中選擇“值”-點選“fx”-在“插入變量或函數…”中選擇“[[Item.picture]]”。
點選“設定文本”,選擇project、address、area、time文本标簽,在“值”中選擇“fx”,在“插入變量或函數…”中分别對應選擇“[[Item.project]]、[[Item.address]]、[[Item.area]]、[[Item.time]]”,單擊确定完成。
05 調整整體樣式
在畫布中點選中繼器元件,在“樣式”功能面闆中,調整間距行值。同時,也可根據需求調整“布局”、“背景”、“分頁”等。最終樣式如下圖。
待續~