啟動(dòng)圖標(biāo)
Android工程在第一次建立時(shí),ic_launcher圖標(biāo)是一個(gè)Android小機(jī)器人,對(duì)于Demo來(lái)講,用默認(rèn)的圖標(biāo)就夠了,但對(duì)于一些自己的應(yīng)用,還是希望有不錯(cuò)的個(gè)性化啟動(dòng)圖標(biāo)。
AS創(chuàng)建啟動(dòng)圖標(biāo)
找到這個(gè)路徑:工程 >>> app >>> src >>> main >>> res

右擊選中New,從右側(cè)展開(kāi)的列表中,點(diǎn)擊Image Asset

啟動(dòng)圖標(biāo)設(shè)計(jì)界面

簡(jiǎn)單說(shuō)下各部分功能
Icon Type:選擇一種圖標(biāo)類型
Name:將在res下的mipmap目錄中,創(chuàng)建對(duì)應(yīng)名稱的圖標(biāo)文件
Foreground Layer:前景圖層,通常就是圖標(biāo)本身
Background Layer:背景圖層,就是圖標(biāo)底下的背景
Legacy:遺留,應(yīng)該是低版本下的遺留圖標(biāo)樣式
-
沒(méi)有UI,那就利用Text來(lái)創(chuàng)建啟動(dòng)圖標(biāo)
- 在Foreground Layer中選擇Source Asset下Asset Type的Text
- 在Text輸入框中輸入:Randall
- 調(diào)整Color為ff6e40,這是工程中values目錄下color的Accent值
- 切換到Background Layer,選中Asset Type的Color選項(xiàng),跳轉(zhuǎn)Color為ff9800,這是Primary值
-
最后開(kāi)始選擇Text輸入框后面的字體,通常希望啟動(dòng)圖標(biāo)藝術(shù)一點(diǎn)
自定義啟動(dòng)圖標(biāo)
可能顏色和字體還需要調(diào)整,但是總比默認(rèn)的啟動(dòng)圖標(biāo)好看得多
- 對(duì)于其他類型的圖標(biāo),比如導(dǎo)航欄/標(biāo)簽欄/通知欄等,請(qǐng)自行探索
應(yīng)用圖標(biāo)
應(yīng)用圖標(biāo)是各種操作的簡(jiǎn)單圖例,比如編輯/搜索/刷新等,都應(yīng)該有一個(gè)符合規(guī)范的圖標(biāo)。5.0之后的Material Design給我們提供了大量的精美圖標(biāo),這些已經(jīng)包括在AS中了。
AS創(chuàng)建應(yīng)用圖標(biāo)
在 res 的 drawable 目錄上右鍵點(diǎn)擊,鼠標(biāo)移動(dòng)到彈出來(lái)的New上,點(diǎn)擊Vector Asset

目前有兩種方式創(chuàng)建應(yīng)用圖標(biāo)

-
一個(gè)是已經(jīng)存在的Material Design庫(kù),點(diǎn)擊Icon就可以有很多樣式可供選擇
Material Design圖標(biāo)庫(kù) 一個(gè)是從SVG格式的矢量圖,或PSD文件(不懂UI但猜測(cè)是PS的工程文件)創(chuàng)建
輕松地從Material Design圖標(biāo)庫(kù)中選擇一個(gè)返回箭頭
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<path
android:fillColor="#FFFFFFFF"
android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z"/>
</vector>

里面的很多屬性都可以控制,想多大就多大,而且是dp單位,不怕適配不了屏幕,好過(guò)于讓UI切很多套圖,導(dǎo)致應(yīng)用大小一直降不下來(lái)。
總結(jié)
事實(shí)上一個(gè)好的程序猿,可以兼職UI設(shè)計(jì)師的。

