起點(diǎn)課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識【Axure 教程】中繼器入門教程-列表制作
編輯導(dǎo)讀：當(dāng)工作中需要進(jìn)行列表制作操作時(shí)，我們可以如何使用Axure來進(jìn)行相關(guān)操作呢？本篇文章里，作者利用中繼器為我們展示了列表制作操作，讓我們一起來看一下。
原型展示：https://ppsx1n.axshare.com
所需原件：
- 文本標(biāo)簽
- 中繼器
本文主要講解中繼器的基本用法，以便大家更容易去理解和學(xué)習(xí)中繼器的高級用法，入門教程會分為 6 個(gè)小節(jié)，本節(jié)主要講解如何通過中繼器快速制作后臺列表
一、表頭制作
拖入文本標(biāo)簽，雙擊文本標(biāo)簽以編輯你需要制作的列表表頭字段；
二、列表制作
拖入中繼器，雙擊中繼器，刪除中繼器默認(rèn)帶出的矩形，并將【一】中的表頭內(nèi)容復(fù)制到中繼器中，并對各字段做好命名；
三、中繼器賦值
關(guān)閉中繼器編輯窗口，選中中繼器，在樣式模塊中，編輯中繼器的數(shù)據(jù)，如上圖，注意設(shè)置好數(shù)據(jù)表頭的名稱，以便在賦值時(shí)快速查找；
新建交互，添加【每項(xiàng)加載】時(shí)設(shè)置文本的交互動(dòng)作，設(shè)置完畢，頁面將會實(shí)時(shí)更新中繼器的列表內(nèi)容，如上圖所示；
四、樣式調(diào)整
若希望列表通過斑馬紋展示，可通過中繼器樣式中的【背景】設(shè)置交替顏色，如上圖所示，設(shè)置后，即可獲得斑馬紋的列表；
本文由@Sam 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議。
評論
- 目前還沒評論，等你發(fā)揮！
