Android5.1 VectorDrawable

最近在修改SystemUI 的下拉菜單裏面的快速設置按鈕,由於自己要添加一個新的按鈕,折騰了好久,現在好好的整理下。


具體參考了藍牙的執行流程,代碼上好理解,當我看到藍牙的圖標的時候傻眼了。。。。

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="64dp"
        android:height="64dp"
        android:viewportWidth="48.0"
        android:viewportHeight="48.0">

    <path
        android:fillColor="#FFFFFFFF"
        android:pathData="M35.4,15.4L24.0,4.0l-2.0,0.0l0.0,15.2L12.8,10.0L10.0,12.8L21.2,24.0L10.0,35.2l2.8,2.8l9.2,-9.2L22.0,44.0l2.0,0.0l11.4,-11.4L26.8,24.0L35.4,15.4zM26.0,11.7l3.8,3.8L26.0,19.2L26.0,11.7zM29.8,32.6L26.0,36.3l0.0,-7.5L29.8,32.6z"/>
</vector>
  這個android:pathData到底是什麼鬼,然後各種百度才知道他是一張矢量圖。很多人可能會和我一樣摸不着頭腦,作爲一個程序員,對圖形的東西理解甚少,那麼,這個pathData數據到底是如何弄出來的呢?下面我講下我的製作過程。

首先先下載個製作矢量圖的工具,我用的是Inkscape 0.91,工具簡潔好用,



  頁面佈局大小用了48px * 48px,然後用 直線畫筆繪製成這樣,點擊保存,會生成一個.svg格式的文件。接下來就是要用這個文件轉成VectorDrawable。

我使用的是一款在線的Android SVG to VectorDrawable,只要將文件拖進去就會自動生成了,看下效果吧!



  好了,現在把這些代碼丟進系統源碼去吧,大功告成!!!!!!




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章