【Axure 教程】中繼器入門教程-列表制作
編輯導讀:當工作中需要進行列表制作操作時,我們可以如何使用Axure來進行相關操作呢?本篇文章里,作者利用中繼器為我們展示了列表制作操作,讓我們一起來看一下。
原型展示:https://ppsx1n.axshare.com
所需原件:
- 文本標簽
- 中繼器
本文主要講解中繼器的基本用法,以便大家更容易去理解和學習中繼器的高級用法,入門教程會分為 6 個小節(jié),本節(jié)主要講解如何通過中繼器快速制作后臺列表
一、表頭制作
拖入文本標簽,雙擊文本標簽以編輯你需要制作的列表表頭字段;
二、列表制作
拖入中繼器,雙擊中繼器,刪除中繼器默認帶出的矩形,并將【一】中的表頭內容復制到中繼器中,并對各字段做好命名;
三、中繼器賦值
關閉中繼器編輯窗口,選中中繼器,在樣式模塊中,編輯中繼器的數(shù)據,如上圖,注意設置好數(shù)據表頭的名稱,以便在賦值時快速查找;
新建交互,添加【每項加載】時設置文本的交互動作,設置完畢,頁面將會實時更新中繼器的列表內容,如上圖所示;
四、樣式調整
若希望列表通過斑馬紋展示,可通過中繼器樣式中的【背景】設置交替顏色,如上圖所示,設置后,即可獲得斑馬紋的列表;
本文由@Sam 原創(chuàng)發(fā)布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash, 基于CC0協(xié)議。
評論
- 目前還沒評論,等你發(fā)揮!