佈局元件如何使用
哈嘍,最近有小夥伴來向小麥求助,表示在進行
大屏設計
的時候,總覺得自助儀表盤的位置不夠用,一個篩選器就佔了好大一個空位,整體佈局看起來就很狹窄,一點也不美觀大方,總覺得差點意思。今天小麥就跟大家分享一個超級實用的小工具,幫助大家一招解決這個煩惱!
我們要利用的就是
自助儀表盤
中的空白元件。空白元件,顧名思義就是一個佔用位置的元件,透過它我們可以更好地控制其他元件的位置和大小,調整自助儀表盤的整體佈局,使自助儀表盤的佈局更加美觀好看。
話不多說,我們來看案例!
下圖是一個“各區域產品銷售分析”自助儀表盤,圖中“發貨區域”、“發貨省份”、“發貨城市”三個篩選器位於圖形的上方,我們可以透過篩選器篩選檢視不同地方的產品銷售量。未新增空白元件之前,長長的篩選器佔據了圖片的一大部分空白,浪費了很多空間,且長度不一,整張大屏佈局顯得很不合理。
解決辦法很簡單,我們只要在篩選器的右側新增一個空白元件,就能使得篩選器元件不會顯的太過寬泛且長度不一,效果如下圖所示:
下面,小麥來給大家詳細講解一下具體的操作步驟。
首先,我們開啟Smartbi,在自助儀表盤中設計一個“各區域產品銷售分析”自助儀表盤,可以看到“發貨區域”、“發貨省份”、“發貨城市”篩選器置於圖形的上方顯示。
此時,我們覺得這個儀表盤中的篩選器元件顯示太長了,佔據自助儀表盤的空間太多,不夠美觀。我們可以利用空白元件進行下面的佈局美化設定:
從工具欄的更多選單下面,拖拽空白元件到篩選器元件所在的區域右側,效果如下:
選中空白元件,透過其選中狀態下的藍色邊框,按照自己的需要調整它的長度和高度。
調整之後的效果如下:
到這裡我們就輕鬆解決問題啦,對比前後是不是覺得佈局比之前更加合理,整體看起來也更加舒服了,你學會了嗎?快去動手試試吧!
以上是思邁特軟體Smartbi的分享,關注小麥,下一期分享更多關於Smartbi工具的實用小技巧!現個人版還提供全模組長期免費使用,有興趣的小夥伴可登陸官網免費試用~