Randall | 五、Vector Asset

啟動(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
形象資產(chǎn)
啟動(dòng)圖標(biāo)設(shè)計(jì)界面
image.png
簡(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)

    1. 在Foreground Layer中選擇Source Asset下Asset Type的Text
    2. 在Text輸入框中輸入:Randall
    3. 調(diào)整Color為ff6e40,這是工程中values目錄下color的Accent值
    4. 切換到Background Layer,選中Asset Type的Color選項(xiàng),跳轉(zhuǎn)Color為ff9800,這是Primary值
    5. 最后開(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
點(diǎn)擊Vector
目前有兩種方式創(chuàng)建應(yīng)用圖標(biāo)
應(yīng)用圖標(biāo)創(chuàng)建界面
  • 一個(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ì)師的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容