您可以通過為用戶界面提供專業(yè)的外觀來增加任何產(chǎn)品的價值。當(dāng)用戶喜歡他們在應(yīng)用UI中看到的內(nèi)容時淮捆,他們更有可能安裝它竹宋。您的Android應(yīng)用應(yīng)遵循的設(shè)計最易,顏色假勿,圖標和其他UI元素有一組已定義的規(guī)則这吻。在本文中肆糕,我們將堅持使用Android應(yīng)用程序的圖標褒墨,特別是 啟動器圖標。
Android應(yīng)用的圖標分為幾個類別擎宝。這些包括:
- 啟動器圖標:此圖標表示用戶設(shè)備主屏幕或應(yīng)用程序列表中的應(yīng)用程序郁妈。這可以是 適用于Android 8.0(API級別26)或更高版本的自適應(yīng)啟動器圖標,也可以是 適用于Android 7.1(API級別25)或更低版本的 舊版啟動器圖標绍申。
- 操作欄圖標: 用于操作欄中的項目噩咪。
- **選項卡圖標: **用于帶有圖標的選項卡項(如果有)。
您可以通過查看其他應(yīng)用來了解有關(guān)這些圖標類別的更多信息极阅。以下是WhatsApp圖標的示例:
現(xiàn)在胃碾,如果您是設(shè)計師,或者如果您是團隊中有設(shè)計師的開發(fā)人員筋搏,那么創(chuàng)建這些圖標似乎很容易仆百。但它并不像看起來那么容易。您必須根據(jù)Android設(shè)備的屏幕分辨率和密度為每個不同的維度創(chuàng)建圖標奔脐。為了讓您了解這可以做多少工作俄周,如果您要以傳統(tǒng)方式執(zhí)行此操作,則需要創(chuàng)建啟動器圖標的大小列表:
密度 | 圖標 |
---|---|
LDPI | 36 x 36像素 |
MDPI | 48 x 48像素 |
tvdpi | |
64 x 64像素 | |
華電國際 | |
72 x 72像素 | |
xhdpi | |
96 x 96像素 | |
xxhdpi | |
144 x 144像素 | |
xxxhdpi | |
192 x 192像素 | |
卷筒紙 | |
512 x 512 px |
這只是發(fā)射器圖標髓迎。每個圖標類別都有一個類似的列表峦朗。但幸運的是,Android Studio為我們提供了一個名為Image **** Asset Studio的工具 排龄,可以非常輕松地處理所有屏幕密度的圖標創(chuàng)建波势。
什么是Image Asset Studio?
Android Studio 3引入了Image Asset Studio,可為您的應(yīng)用創(chuàng)建圖標尺铣。它負責(zé)為不同的屏幕密度生成適當(dāng)分辨率的應(yīng)用程序圖標拴曲,并將它們放在資源 目錄中的相應(yīng) mipmap-density 文件夾中 。它還會生成網(wǎng)絡(luò)圖標(512 x 512像素)凛忿,這是將應(yīng)用程序上傳到Google Play商店所必需的澈灼。然后,在運行時期間侄非,基于設(shè)備的屏幕密度,相應(yīng)地從文件夾中提取這些圖標流译。
對于 自適應(yīng)啟動器圖標逞怨,Image Asset Studio提供了圖標集的完整預(yù)覽福澡,其中包括圓形除秀,方形效拭,圓角方形,松鼠肮街,全流失圖層,傳統(tǒng)圖標鸟整,圓形和Google Play商店版本的圖標弟头。
另一方面伦连,對于 傳統(tǒng)的啟動器圖標歧焦,設(shè)備不支持不同形狀的圖標向瓷。因此將生成一組更受限制的圖標瓷耙。
使用Image Asset Studio
我們來看看如何使用Image Asset Studio創(chuàng)建圖標集落追。
如何使用Image Asset Studio更新圖標
要啟動Image Asset Studio盈滴,請 在 項目窗口中選擇 **Android ****。 **右鍵單擊 res 文件夾轿钠,然后選擇 New > **Image Asset巢钓。 **您現(xiàn)在已經(jīng)打開了Image Asset Studio。您現(xiàn)在可以根據(jù)需要創(chuàng)建自適應(yīng)啟動器圖標或僅舊版啟動器圖標疗垛。
創(chuàng)建自適應(yīng)啟動器圖標
![自適應(yīng)啟動器圖標](http://upload-images.jianshu.io/upload_images/15405197-3e48cff3076fea93.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
您將使用此圖標類型獲得Android 8.0支持症汹。
首先, 為Icon Type 選擇 Launcher Icons(Adaptive&Legacy)贷腕。 如果您愿意背镇,可以更改圖標的 名稱咬展。如果名稱已存在,則對話框底部會顯示警告瞒斩,告知您現(xiàn)有的名稱將被覆蓋破婆。
在“ 前景圖層”選項卡中,選擇“資產(chǎn)類型”:
- 圖像:設(shè)置自定義圖標圖像的路徑胸囱。
- 剪貼畫:從材料設(shè)計圖標集中選擇圖標并設(shè)置顏色祷舀。
- 文本:設(shè)置指定的字符串,并設(shè)置字體和顏色烹笔。
同樣裳扯,在“ 背景圖層”選項卡中,您可以選擇“ 圖像”谤职,“ 剪貼畫 ”或“ 文本”資源類型饰豺。
對于前景層和背景層,您還具有以下可選設(shè)置:
- 圖層名稱:您可以為圖層指定唯一名稱柬帕。
- 縮放參數(shù):可以根據(jù)您的要求進行設(shè)置哟忍。如果為背景圖層選擇顏色狡门,則會禁用此選項陷寝。
- 修剪:選擇是否要刪除圖標周圍的透明空間。
- 調(diào)整大小:更改圖標的大小其馏。
“ 舊版”選項卡可讓您決定是否還生成舊版圖標凤跑。您可以在此處選擇是否要生成舊版圖標,Google Play商店圖標和圓形圖標叛复,以及每種圖標使用的形狀仔引。
創(chuàng)建舊版啟動器圖標
如果您想支持小于或等于7.1的Android版本,這是您將創(chuàng)建的圖標褐奥。
首先咖耘,為圖標類型選擇 啟動器圖標(僅限傳統(tǒng)) 。 如果您愿意撬码,可以在此時更改圖標的名稱儿倒。如果名稱已存在,則底部會顯示一條警告呜笑,表示現(xiàn)有名稱將被覆蓋夫否。選擇 資產(chǎn)類型并配置相關(guān)設(shè)置。
- 圖像:設(shè)置自定義圖標圖像的路徑叫胁。
- 剪貼畫:從材料設(shè)計圖標集中選擇圖標并設(shè)置顏色凰慈。
- 文本:設(shè)置指定的字符串,并設(shè)置字體和顏色驼鹅。
您還可以為圖標的外觀配置一些可選設(shè)置:
- 修剪:如果要刪除圖標周圍的透明空間微谓,請選擇此選項森篷。
- 填充:設(shè)置圖標的填充。
- 前景:設(shè)置前景色堰酿。
- 背景:設(shè)置背景顏色疾宏。
- 縮放:選擇裁剪或縮小以適應(yīng)。
- 形狀:要為圖標添加背景触创,請選擇形狀坎藐。對于透明背景,請選擇無哼绑。
- 效果:選擇是否對方形或矩形圖標具有狗耳效果岩馍。
您所做的任何更改都將反映在預(yù)覽部分中。一旦您對圖標的外觀感到滿意抖韩,請單擊“ 下一步”蛀恩。
然后,您將進入設(shè)置屏幕茂浮,您可以在其中更改將 放置圖標的 資源目錄双谆。如果你愿意,可以更新它席揽。以下是可用選項:
- main / res: 適用于所有構(gòu)建變體顽馋,包括發(fā)布和調(diào)試。
- release / res: 覆蓋構(gòu)建的單個發(fā)行版本的主要源集幌羞。
- debug / res: 僅用于調(diào)試寸谜。
- 自定義源集: 您可以定義自己的源集。
最后属桦,按Finish完成包裝 熊痴。
現(xiàn)在,我們已準備好在所有相應(yīng)文件夾中使用新的啟動器圖標聂宾。我的啟動器圖標的名稱是 ic_launcher_demo
果善。您可以在下面的屏幕截圖中看到為此圖標生成的所有圖標。
更新AndroidManifest文件
現(xiàn)在是時候更新 AndroidManifest 文件系谐,以便我們的應(yīng)用程序知道使用新圖標巾陕。首先,打開 **AndroidManifest.xml **文件蔚鸥。此處惜论,默認啟動器圖標設(shè)置在第7行和第9行。您需要使用您創(chuàng)建的新圖標更新它止喷。
更改 android:icon
和 android:roundIcon
這個名字你選擇你的啟動器圖標馆类。
android:icon="@mipmap/ic_launcher_demo"
android:roundIcon="@mipmap/ic_launcher_demo_round"
恭喜!您已成功更新應(yīng)用的啟動器圖標弹谁。
結(jié)論
在這篇文章中乾巧,您了解了Android應(yīng)用程序中使用的各種圖標句喜,以及必須為每個圖標生成的所有不同屏幕分辨率。然后沟于,您了解了Image Asset Studio工具以及它如何為您的Android應(yīng)用程序生成圖標變得更加容易咳胃。