1. 程式人生 > >Axure:使用中繼器(Repeater)製作表格

Axure:使用中繼器(Repeater)製作表格

效果圖:


步驟:1、底層矩形


使用數值調整寬高;Fill無填充顏色;Border有邊框:第一種直線,選擇邊框顏色#CCCCCC

2、表頭和水平線


使用表格(Table)作表頭,表格寬度略小於底層矩形,Border無邊框


水平線隔開表頭和表格內容,Fill選擇和底層邊框同樣填充顏色

3、中繼器

(1)佈局容器


拖動出Repeater,雙擊進入具體頁面


(這裡相當於佈置容器)用一個矩形作為底框,複製四個小矩形代表表格共有四列,重新命名標識

選中矩形寬度略小於整體表格寬度,無邊框,無填充顏色

(2)新增資料


(右側Repeater控制元件內填寫資料)



在repeater引數填寫表格資料,新增關聯,更改value值,將Repeater容器和資料每列繫結


在引數ItemBackground可以設定隔一行背景顏色

(3)將repeater轉變為動態面板


轉成動態面板以後右鍵設定滾動條


預覽