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,只要将文件拖进去就会自动生成了,看下效果吧!



  好了,现在把这些代码丢进系统源码去吧,大功告成!!!!!!




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