【Axure 教程】中繼器入門教程-列表制作

Sam
0 評論 8364 瀏覽 6 收藏 3 分鐘

編輯導(dǎo)讀:當(dāng)工作中需要進(jìn)行列表制作操作時(shí),我們可以如何使用Axure來進(jìn)行相關(guān)操作呢?本篇文章里,作者利用中繼器為我們展示了列表制作操作,讓我們一起來看一下。

原型展示:https://ppsx1n.axshare.com

所需原件:

  1. 文本標(biāo)簽
  2. 中繼器

本文主要講解中繼器的基本用法,以便大家更容易去理解和學(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é)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!