Android5.1 VectorDrawable
2016-03-10 16:41
453 查看
最近在修改SystemUI 的下拉菜单里面的快速设置按钮,由于自己要添加一个新的按钮,折腾了好久,现在好好的整理下。
具体参考了蓝牙的执行流程,代码上好理解,当我看到蓝牙的图标的时候傻眼了。。。。
首先先下载个制作矢量图的工具,我用的是Inkscape 0.91,工具简洁好用,
页面布局大小用了48px * 48px,然后用 直线画笔绘制成这样,点击保存,会生成一个.svg格式的文件。接下来就是要用这个文件转成VectorDrawable。
我使用的是一款在线的Android SVG to VectorDrawable,只要将文件拖进去就会自动生成了,看下效果吧!
好了,现在把这些代码丟进系统源码去吧,大功告成!!!!!!
具体参考了蓝牙的执行流程,代码上好理解,当我看到蓝牙的图标的时候傻眼了。。。。
<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,只要将文件拖进去就会自动生成了,看下效果吧!
相关文章推荐
- Android自定义view——滚动选择器
- Android 软键盘的监听(监听高度,是否显示)
- Android基础之Sqlite数据库
- android MediaScanner 扫出来的ID3 MP3文件演唱者信息 乱码
- Android gradle 批量改包名
- AndroidStudio怎样导入jar包
- Android仿淘宝商品浏览界面图片滚动效果
- Android Studio 打包apk,自动追加版本号和版本名称
- android的消息处理机制(图+源码分析)——Looper,Handler,Message
- android studio logcat 包名过滤失效问题
- 用Android studio进行 OpenCV 开发的第一个项目
- 为Android应用添加搜索功能
- 初识Volley框架
- Android Fresco实现图片毛玻璃效果
- FrameLayout组件居中显示
- Android -Intent -ACTION_
- Activity 跳转全解 android-Intent (带参数&不带参数的跳转)
- Android虚拟键遮挡控件
- Android自定义Toast
- MPAndroidChart属性大全