tft每日頭條

 > 圖文

 > miui發布主題教程

miui發布主題教程

圖文 更新时间:2024-07-29 12:22:38

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)1

很多主題包括默認主題的圖标,都沒有優化第三方未适配圖标,導緻顯示不完美

實際上不适配的圖标也是可以優化的

安卓應用圖标非常多,大概有20萬個,所以主題不可能全部适配,一般是适配最常用的幾百個圖标即可,适配較多的也最多3千多點。但還是無法全适配。

那未适配的圖标就由系統固定的規則自動構成圖标形狀,然而圖标的圓角和大小都不統一,在遇到一些小圓角圖标時,無法與系統自帶的圖标背闆相吻合,從而出現不完美的現象


未适配圖标的效果對比

以默認[經典]主題的圖标和[一時間]主題的圖标作為對比,兩種圖标都是未适配過的圖标,但效果卻不同,如圖:

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)2

那麼怎樣優化成[一時間]主題這樣完美圖标效果呢?今天給大家介紹一下優化方法。看完本教程就明白。

(本教程主要推薦給主題設計師,并建議官方也重視一下未适配圖标的細節)

先了解一下主題圖标的構成

未适配的圖标會由系統自動構成,主要是由底闆 應用原圖标 圖标形狀(遮罩) 上層蓋闆(可選):

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)3

截圖來自MIUI主題編輯器

以默認[經典]主題圖标為例,看一下構成效果:

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)4

注:目前系統默認[經典]主題的圖标背闆為白色大圓角

由此可見,如果應用圖标本身圓角小于系統默認底闆圓角并且圖标稍微小一圈時,圖标構成就會出現異常白邊,也就是會露出白色底闆:

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)5

默認主題未适配圖标出現難看白邊

這類圖标非常少見,主要是一些冷門不常用圖标,但總會有人用到。如果能統一優化,就可以統一圖标顯示效果了。

下面教程開始:

未适配圖标優化方法

【方法1】通過主題編輯器調節相應參數

在主題編輯器上,可進行圖标的變形處理,變形包括縮小和放大、四角扭曲等,如圖:

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)6

圖标形狀變形默認值

如上圖,圖标支持變形參數修改,默認為0到90,由圖标四角橫豎坐标參數調節。從左上角為0起點:

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)7

優化邏輯:将圖标形狀稍微放大,讓其鋪滿圖标背闆,實現完美效果

所以我們修改圖标形狀參數,将四角都放大2個像素(不要太大,否則圖标會被裁切掉主要内容),那麼放大2像素的參數就是:

左上X-2,Y-2

左下X-2,Y92

右上X92,Y-2

右下X92,Y92

如圖:

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)8

放大2個像素參數值

這樣,第三方未适配的小圓角圖标就會自動放大鋪滿圖标背闆,不會出現異常白邊的情況了。

【方法2】在主題包中的icons模塊下新建transform_config.xml(實際上按方法1打包後會自動生成,但部分設計師不用編輯器做主題,所以可以單獨新建):

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)9

然後在裡面輸入如下内容:

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)10

這樣也是可以實現第三方未适配的小圓角圖标自動放大鋪滿圖标背闆的效果。

優化前和優化後效果GIF動圖展示:

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)11

以上就是主題設計師通過調節相應參數來自動優化第三方未适配的圖标效果的方法了。


建議

建議默認主題圖标也按這種邏輯來優化第三方未适配的小圓角圖标,避免出現難看的白邊。畢竟還有很多用戶在使用默認經典圖标。

而主題設計師在制作主題時如果遇到這種情況,也可按此教程進行優化。

miui發布主題教程(MIUI主題未适配圖标的優化方法與建議)12

[一時間]主題圖标

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved