時間：2019-09-23來源：億信華辰瀏覽數(shù)：3239次
說起大屏，大家印象中可能是這樣的：
?
這樣的：
?
這些炫酷的大屏效果讓人贊嘆的同時，也讓不少小伙伴覺得望塵莫及，覺得這么復(fù)雜的大屏制作起來肯定特別的麻煩。但是現(xiàn)在用億信ABI中的酷屏功能，通過簡單的幾步操作，你也可以做出這樣的效果！
今天，我們就來用實際操作教大家制作一個酷屏，用于展示某監(jiān)控中心的服務(wù)器和內(nèi)存使用情況。
一、設(shè)計布局
首先，構(gòu)造布局。一般來說，上方放標(biāo)題，中間放主圖，這樣能讓觀看者直接了解到當(dāng)前要展示的主題，主體周圍再展示具體的指標(biāo)。
根據(jù)這個設(shè)想，我們先設(shè)置一個背景圖片，然后在正上方拖入一個富文本寫標(biāo)題，接著在兩邊用四個容器占位，完成基本框架的擺放后效果如下：
?
二、確定主圖
選擇合適的主圖拖到中間空白區(qū)域。主圖一般要求大方醒目，酷屏內(nèi)置有數(shù)十種針對光感和動效的組件，大家可以在其中進(jìn)行選擇，有特殊需求可以找專業(yè)人員進(jìn)行定制，有能力的小伙伴也可以自己動手制作。
?
三、確定統(tǒng)計圖
選擇合適的統(tǒng)計圖來展現(xiàn)具體的指標(biāo)，并拖入相對應(yīng)的容器中。酷屏內(nèi)置有近百種炫酷奪目的組件，并且在持續(xù)更新，本次示例我們選用的是發(fā)光柱狀圖，面積圖，光感旋轉(zhuǎn)排名和光感環(huán)形跑道圖。
?
四、做表和取數(shù)
最后，我們?nèi)ト?shù)態(tài)制作表格，并完成統(tǒng)計圖的取數(shù)。
?
上圖表格中的數(shù)據(jù)就是需要進(jìn)行展示的指標(biāo)。切回到設(shè)計態(tài)，右鍵組件，點擊小手圖標(biāo)完成取數(shù)。
?
五、細(xì)節(jié)調(diào)整
基本操作都完成后，我們可以對組件大小、位置、樣式等細(xì)節(jié)進(jìn)行調(diào)整，從而讓呈現(xiàn)效果更加完美。
至此，一個酷屏就制作完成了！
?
通過今天的實例講解，制作一個令人驚喜的報表是不是沒有想象中的復(fù)雜呢？
這次全部的操作，只有拖、拉、拽和取數(shù)，簡直不要太簡單有沒有？有興趣的小伙伴趕緊動手去億信華辰官網(wǎng)找到億信ABI體驗demo吧！
在線咨詢
點擊進(jìn)入在線咨詢
