中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

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

原型展示：https://ypqsfr.axshare.com

所需原件：

中繼器

1. 矩形
2. 圖片
3. 文本標(biāo)簽

本文主要講解中繼器的基本用法，以便大家更容易去理解和學(xué)習(xí)中繼器的高級用法，入門教程會分為 6 個小節(jié)，本節(jié)主要講解如何通過中繼器快速制作卡片列表

一、卡片制作

拖入中繼器，雙擊中繼器，刪除中繼器默認(rèn)帶出的矩形，拖入需要制作卡片的元件，示例中使用了矩形（卡片背景）、圖片（卡片圖標(biāo)）、文本標(biāo)簽（卡片標(biāo)題、描述文本、操作按鈕）；并按照自己的想法將元件做好布局；

二、中繼器賦值

關(guān)閉中繼器編輯窗口，選中中繼器，在樣式模塊中，編輯中繼器的數(shù)據(jù)，如上圖，注意設(shè)置好數(shù)據(jù)表頭的名稱，以便在賦值時快速查找；

特別地，圖片的數(shù)據(jù)，需要鼠標(biāo)右擊數(shù)據(jù)，通過【導(dǎo)圖圖片】進(jìn)行設(shè)置，如上圖所示；

新建交互，添加【每項加載】時設(shè)置文本和設(shè)置圖片（圖片需要通過此動作設(shè)置）的交互動作，設(shè)置完畢，頁面將會實(shí)時更新中繼器的列表內(nèi)容，如上圖所示；

三、布局設(shè)置

賦值完成后，中繼器默認(rèn)【垂直】布局方式，在中繼器的樣式面板，找到【布局】，并將布局方式設(shè)置為【水平】，勾選【網(wǎng)格排布】，并設(shè)置每行項數(shù)量為【4】（可根據(jù)實(shí)際使用進(jìn)行調(diào)整）；

四、間距設(shè)置

最后一步，大家完成一、二、三后可能就會發(fā)現(xiàn)，卡片之間沒有間距，過于密集，因此我們需要在樣式面板中找到【間距】，并設(shè)置【每行】【每列】的間距為 24（可根據(jù)實(shí)際使用進(jìn)行調(diào)整）；

本文由@Sam 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash, 基于CC0協(xié)議。