如何更新Android應(yīng)用程序的啟動器圖標

您可以通過為用戶界面提供專業(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圖標的示例:

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商店版本的圖標弟头。

自適應(yīng)啟動器圖標預(yù)覽

另一方面伦连,對于 傳統(tǒng)的啟動器圖標歧焦,設(shè)備不支持不同形狀的圖標向瓷。因此將生成一組更受限制的圖標瓷耙。

舊版啟動器圖標預(yù)覽

使用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)建舊版啟動器圖標

image

如果您想支持小于或等于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果善。您可以在下面的屏幕截圖中看到為此圖標生成的所有圖標。

image

更新AndroidManifest文件

現(xiàn)在是時候更新 AndroidManifest 文件系谐,以便我們的應(yīng)用程序知道使用新圖標巾陕。首先,打開 **AndroidManifest.xml **文件蔚鸥。此處惜论,默認啟動器圖標設(shè)置在第7行和第9行。您需要使用您創(chuàng)建的新圖標更新它止喷。

image

更改 android:iconandroid: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)用程序生成圖標變得更加容易咳胃。

想學(xué)習(xí)更多Android知識,或者獲取相關(guān)資料請加入Android技術(shù)開發(fā)交流2群:935654177旷太。本群可免費獲取Gradle展懈,RxJava,小程序供璧,Hybrid存崖,移動架構(gòu),NDK睡毒,React Native来惧,性能優(yōu)化等技術(shù)教程!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末演顾,一起剝皮案震驚了整個濱河市供搀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌钠至,老刑警劉巖葛虐,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異棕洋,居然都是意外死亡挡闰,警方通過查閱死者的電腦和手機乒融,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進店門掰盘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赞季,你說我怎么就攤上這事愧捕。” “怎么了申钩?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵次绘,是天一觀的道長。 經(jīng)常有香客問我撒遣,道長邮偎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任义黎,我火速辦了婚禮禾进,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘廉涕。我一直安慰自己泻云,他們只是感情好艇拍,可當(dāng)我...
    茶點故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著宠纯,像睡著了一般卸夕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上婆瓜,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天快集,我揣著相機與錄音,去河邊找鬼廉白。 笑死碍讨,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蒙秒。 我是一名探鬼主播勃黍,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼晕讲!你這毒婦竟也來了覆获?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤瓢省,失蹤者是張志新(化名)和其女友劉穎弄息,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體勤婚,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡摹量,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了馒胆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缨称。...
    茶點故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖祝迂,靈堂內(nèi)的尸體忽然破棺而出睦尽,到底是詐尸還是另有隱情,我是刑警寧澤型雳,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布当凡,位于F島的核電站,受9級特大地震影響纠俭,放射性物質(zhì)發(fā)生泄漏沿量。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一冤荆、第九天 我趴在偏房一處隱蔽的房頂上張望朴则。 院中可真熱鬧,春花似錦匙赞、人聲如沸佛掖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽芥被。三九已至欧宜,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間拴魄,已是汗流浹背冗茸。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留匹中,地道東北人夏漱。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像顶捷,于是被迫代替她去往敵國和親挂绰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 前言 項目中的小伙伴服赎,對于3.0的發(fā)布特別的激動葵蒂,因為添加了新的語言kotlin,我還是喜歡自己記錄一些東西重虑,所以...
    猿ape閱讀 741評論 0 0
  • shell腳本之前的基礎(chǔ)知識http://www.92csz.com/study/linux/12.htm she...
    殺小賊閱讀 186評論 0 0
  • 畢業(yè)兩年多了践付,時間真的如白駒過隙,回想大學(xué)時光缺厉,真的恍如隔世永高。回憶總是美好的提针,大一報道的情形還依稀在眼前一樣...
    薄荷雙笙閱讀 266評論 0 1
  • 從前命爬,在大森林里住著一群快樂的小動物。有一天关贵,小兔子在山坡上睡懶覺遇骑,太陽曬得他暖暖的卖毁,全身的毛都變得更加柔軟了揖曾。...
    小米c閱讀 441評論 0 2