Axure:中繼器圖形組件分享
怎么畫(huà)出好看又炫酷的圖形?這篇文章里,作者分享了一些現(xiàn)成的中繼器圖形組件,并介紹了相應(yīng)的使用方法,感興趣的小伙伴們,就一起來(lái)看看吧。
想要畫(huà)好看炫酷的圖形,但是中繼器又比較難,今天給大家分享一些現(xiàn)成的中繼器圖形組件,并講解一下使用方法啦~
先給大家看一眼最終效果,然后我們開(kāi)始使用方法講解:
一、準(zhǔn)備工作
1. 將分享的文件放置到Axure文件夾中;
2. 進(jìn)入到Axure中,選中我們剛剛添加的組件庫(kù),可以看到有很多圖形的組件展示,這里也有相應(yīng)的使用說(shuō)明。
二、使用方法
現(xiàn)在我們以折線(xiàn)圖為例,來(lái)講解一下如何使用吧。
1. 首先將圖形拖拽到頁(yè)面內(nèi),頁(yè)面內(nèi)是沒(méi)有辦法看到圖形樣式的,我們可以先預(yù)覽看一下圖形內(nèi)的元素,方便我們理解。
2. 然后我們選中圖形,點(diǎn)開(kāi)概要頁(yè)面,可以看到折線(xiàn)圖組合對(duì)應(yīng)三個(gè)元件,點(diǎn)擊axhub-line-data可以看到是該折線(xiàn)圖對(duì)應(yīng)的數(shù)據(jù)信息。
3. 樣式內(nèi)表格四列分別為折線(xiàn)圖的橫坐標(biāo)和三條數(shù)據(jù)信息,我們可以對(duì)表格數(shù)據(jù)進(jìn)行修改,增刪行列,然后點(diǎn)擊預(yù)覽查看效果,由此可見(jiàn),我們可以通過(guò)修改該表格讓圖形展示我們想要的數(shù)據(jù)。
4. 點(diǎn)擊axhub-line-config可以看到是該折線(xiàn)圖對(duì)應(yīng)的展示樣式信息,表格中也進(jìn)行了相應(yīng)的說(shuō)明。
5. 我用一個(gè)比較常用的formHeader修改來(lái)舉例,剛剛我在數(shù)據(jù)表格列的表頭設(shè)置為date和count,所以我在圖形展示的時(shí)候懸停展示數(shù)量為count,現(xiàn)在我想用中文“數(shù)量”展示,只需要在formHeader字段填寫(xiě)”日期,數(shù)量”(分別對(duì)應(yīng)數(shù)據(jù)表格的兩列表頭,中間的分隔符為英文的逗號(hào)),展示效果如下:
大家快去試試吧~
本文由 @六元 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
最新的分享鏈接:
鏈接:https://pan.baidu.com/s/1y7sesHJhQ9YI4BclbeyNTA
提取碼:PMLY
感謝大佬,學(xué)習(xí)啦
老師 求文件分享
鏈接過(guò)期了
鏈接過(guò)期啦,求求再分享了
鏈接:https://pan.baidu.com/s/1x4HE9thk0K0Esi3henINtg
提取碼:PMLY
鏈接過(guò)期了,求求再分享一下
真的好棒!六元老師
鏈接:https://pan.baidu.com/s/1Z4rLtA2lgokXpWb-ba3qiQ
提取碼:PMLY
鏈接過(guò)期了,求再分享