Androidの矢量图形之VectorDrawable研究

5.0以上支持VectorDrawable了，可以创建vector的xml资源文件。vector其实就使用来绘制矢量图形的。

看一个例子：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="64dp"android:width="64dp"android:viewportHeight="100"android:viewportWidth="100"><pathandroid:fillColor="#000000"android:pathData="M25,0 l 50,50 -50,50Z"/></vector>

首先vector 标签是一个drawable对象，所以是放在res/drawable目录的。

vector 标签下有android:width和android:height属性，这两个属性是必填的，定义矢量图形的绝对大小，虽然说是矢量图形随意缩放，但是不能说这里不定义宽高直接到要设置到的目标控件上定义控件的宽高，这样是不允许的，一定要设置这个绝对宽高，要不然会报错。

然后还有个android:viewportHeight和android:viewportWidth属性，这个是画布宽高，也是必填的，定义Path路径的时候就必须在这个画布大小里去绘制，超出画布就显示不出来了。

path标签android:fillColor属性定义绘制颜色，android:pathData定义绘制路径。

M25,0 l 50,50 -50,50Z这个路径表示：在100*100的画布内，先把绘制点移动到绝对坐标(25,0)这个点，然后画直线到(50,50)这个点，l指令是相对坐标，大写的L表示绝对坐标，那么l 50,50就是在原点(25,0)的x轴往前移50，往下移50，绝对坐标就是(75,50)，也就是三角形的右边那个点。然后从(50,50)这个点绘制到三角形最下面那个点(-50,50)，这也是相对右边那个点相对坐标，也就是把(75,50)这个绝对坐标当作是原点(0,0),参作这个原点往后移动50再往下移动50，在整个画布中的绝对坐标就是(25，100)

再看一种画法：

M300,70 l 0,-70 70,70 0,0 -70,70z

这个官方的画法，先定点，然后把定点固定在原点垂直上方，然后往右下移确定三角形右边的定点，最后把点水平向后移动70往下移动70，回到原点的水平轴在y轴上移动140.

是先画三角的上半部分再画下半部分。

同样是画上面这个三角形：

先移动到随便一个点：M300，70

然后把线段一端定在三角形下边那个点l 0,70（也就是垂直往下移动了70）

后面再补上三角形右边的点l 0,70 70,70（下面的点x轴和y轴都移动70，就到三角形右边的点）

M300,70 l 0,70 70,-70 这样就把三角形下半段画好了

再补上上半段M300,70 l 0,70 70,-70 -70,-70

如果要把这个三角形旋转角度怎么办？

就要在path外层顶一个group节点,利用这个group对它进行旋转

<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="64dp"android:width="64dp"android:viewportHeight="600"android:viewportWidth="600"><group android:pivotX="300.0"android:pivotY="300.0"android:rotation="45.0"><pathandroid:name="v"android:fillColor="#000000"android:pathData="M300,70 l 0,-70 70,70 0,0 -70,70"/></group>
</vector>

转载于:https://www.cnblogs.com/bvin/p/4317852.html

Androidの矢量图形之VectorDrawable研究相关推荐

Android开发之将Android SVG 转 VectorDrawable矢量图的方法
Android SVG to VectorDrawable介绍两种方法如下方法一使用在线的三方网站即可我推荐两个: Android SVG to VectorDrawable Android SV ...
Android怎么保证广播安全,Android 广播机制安全性研究.PDF
Android 广播机制安全性研究电信科学 2016 年第 10 期专题 :基于 Android 系统的终端安全 Android 广播机制安全性研究卿斯汉 1, 2, 3 (1. 中国 ...
Android矢量图形-Vector
1 概述 1.1 编写目的学习Android矢量图形相关的知识点,记录下来,方便后续学习及查询. 2 Vector图形 2.1 图片生成Vector图形右键->New->Vector ...
【转】android hal 层GPS 研究总结——关于GPS GGA/GSV/RMC 数据的解析
[转]android hal 层GPS 研究总结 2011-09-22 快跑的未必能赢,力战的未必获胜,聪明的未必得粮食,明哲的未必得资财,灵活的未必得喜悦.所临到世人的,是在乎当时的机会. 人生一世 ...
Android SVG 和 VectorDrawable 的基本知识
Android 5.0系统中引入了 VectorDrawable 来支持矢量图(SVG),同时还引入了 AnimatedVectorDrawable 来支持矢量图动画什么是 SVG ? SVG是指可 ...
android+矢量图+插件,如何玩转Android矢量图VectorDrawable
从5.0(api等级21)开始,android开始支持矢量图了.关于什么是矢量图以及矢量图有什么优缺点不在本文的涉及范围之内,具体可以参考矢量图百科.不过这里要提一下它的优点: 保存最少的信息,文件大 ...
Android之记录并研究Volley框架中知识点
转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/50916258 本文出自:[顾林海的博客] ##前言在上一遍<对 ...
Android WiFi热点完全研究(自定义创建、跳转系统界面设置、读取配置、切换，Android6.0适配)...
前言: WiFi热点设置页面的安全性选项在Android 4.x上有"无"."WPA PSK"."WPA2 PSK"三个选项,在Androi ...
Android性能优化案例研究(上)
为什么80%的码农都做不了架构师?>>> 英文原文:Android Performance Case Study 编译:ImportNew - 孙立译者前言: 这是Goo ...
Android防火墙原型系统设计,Android系统网络安全性研究及防火墙设计
摘要: 随着科学的发展,Android系统智能手机给人们的生活带来了极大的方便,但Android系统的开放性让很多恶意的攻击者有机可乘.攻击者利用系统漏洞,从远端服务器发送命令,对智能手机进行攻击,从 ...

Androidの矢量图形之VectorDrawable研究

Androidの矢量图形之VectorDrawable研究相关推荐

最新文章

热门文章