天天看點

Axure RP 9 學習筆記 - 中繼器資料互動

作者:語山小舍

【知識點17】中繼器資料互動

01 中繼器用途

利用中繼器元件,可進行清單内容原型制作。清單中每一項都是相同的組成結構。

02 建立清單模闆

(1)在原型檔案的畫布中,放入一個中繼器元件。輕按兩下中繼器元件,進入編輯頁面。按照需求進行模闆編輯。

(2)在編輯區域放入一個圖檔元件(picture)、四個文本标簽(project、address、area、time),按需求調整好相應位置。

Axure RP 9 學習筆記 - 中繼器資料互動

03 添加中繼器清單資料

根據需求,完成中繼器清單的資料。

Axure RP 9 學習筆記 - 中繼器資料互動

04 中繼器互動設定

在“互動”功能面闆中,點選“中繼器互動”打開“互動編輯器”,添加“每項加載”事件。

點選“設定圖檔”選擇picture元件,在“設定default圖檔”中選擇“值”-點選“fx”-在“插入變量或函數…”中選擇“[[Item.picture]]”。

Axure RP 9 學習筆記 - 中繼器資料互動

點選“設定文本”,選擇project、address、area、time文本标簽,在“值”中選擇“fx”,在“插入變量或函數…”中分别對應選擇“[[Item.project]]、[[Item.address]]、[[Item.area]]、[[Item.time]]”,單擊确定完成。

Axure RP 9 學習筆記 - 中繼器資料互動

05 調整整體樣式

在畫布中點選中繼器元件,在“樣式”功能面闆中,調整間距行值。同時,也可根據需求調整“布局”、“背景”、“分頁”等。最終樣式如下圖。

Axure RP 9 學習筆記 - 中繼器資料互動

待續~

繼續閱讀