miui主題未適配圖標的優化方法與建議,miui主題突然用不了


miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
很多主題包括默認主題的圖標,都沒有優化第三方未適配圖標,導致顯示不完美
實際上不適配的圖標也是可以優化的
安卓應用圖標非常多,大概有20萬個,所以主題不可能全部適配,一般是適配最常用的幾百個圖標即可,適配較多的也最多3千多點 。但還是無法全適配 。
那未適配的圖標就由系統固定的規則自動構成圖標形狀,然而圖標的圓角和大小都不統一 , 在遇到一些小圓角圖標時 , 無法與系統自帶的圖標背板相吻合 , 從而出現不完美的現象
未適配圖標的效果對比以默認[經典]主題的圖標和[一時間]主題的圖標作為對比 , 兩種圖標都是未適配過的圖標,但效果卻不同,如圖:
miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
那么怎樣優化成[一時間]主題這樣完美圖標效果呢?今天給大家介紹一下優化方法 ??赐瓯窘坛叹兔靼?。
(本教程主要推薦給主題設計師,并建議官方也重視一下未適配圖標的細節)
先了解一下主題圖標的構成未適配的圖標會由系統自動構成,主要是由底板 應用原圖標 圖標形狀(遮罩) 上層蓋板(可?。?
miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
截圖來自MIUI主題編輯器
以默認[經典]主題圖標為例,看一下構成效果:
miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
注:目前系統默認[經典]主題的圖標背板為白色大圓角
由此可見 , 如果應用圖標本身圓角小于系統默認底板圓角并且圖標稍微小一圈時,圖標構成就會出現異常白邊,也就是會露出白色底板:
miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
默認主題未適配圖標出現難看白邊
這類圖標非常少見,主要是一些冷門不常用圖標,但總會有人用到 。如果能統一優化,就可以統一圖標顯示效果了 。
下面教程開始:
未適配圖標優化方法【方法1】通過主題編輯器調節相應參數
在主題編輯器上,可進行圖標的變形處理,變形包括縮小和放大、四角扭曲等,如圖:
【miui主題未適配圖標的優化方法與建議,miui主題突然用不了】
miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
圖標形狀變形默認值
如上圖 , 圖標支持變形參數修改,默認為0到90,由圖標四角橫豎坐標參數調節 。從左上角為0起點:
miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
優化邏輯:將圖標形狀稍微放大,讓其鋪滿圖標背板,實現完美效果
所以我們修改圖標形狀參數,將四角都放大2個像素(不要太大,否則圖標會被裁切掉主要內容),那么放大2像素的參數就是:
左上X-2,Y-2
左下X-2,Y92
右上X92,Y-2
右下X92,Y92
如圖:
miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
放大2個像素參數值
這樣,第三方未適配的小圓角圖標就會自動放大鋪滿圖標背板,不會出現異常白邊的情況了 。
【方法2】在主題包中的icons模塊下新建transform_config.xml(實際上按方法1打包后會自動生成,但部分設計師不用編輯器做主題 , 所以可以單獨新建):
miui主題未適配圖標的優化方法與建議,miui主題突然用不了

文章插圖
然后在里面輸入如下內容:
miui主題未適配圖標的優化方法與建議,miui主題突然用不了