animated Android SVG使用之AnimatedVectorDrawable

今日科技简讯

近日，北京某统计机构公布，2016年中国大学毕业生毕业半年就业率为91.6%，这些毕业生月平均收入达到3988元。本科专业中，“高薪榜”前五名的专业分别是信息安全(5906元)、软件工程(5869元)、网络工程(5600元)、微电子(5503元)、计算机科学与技术(5452元)。

作者简介

Nemo的这篇贡献详细介绍了SVG的属性和用法。有兴趣的朋友可以自行尝试。另外，点击最后阅读原文，查看SVG相关资料的部分链接。

尼莫的博客地址:

http://blog.csdn.net/nemo__

总结

SVG(可伸缩矢量图形)是一种使用XML描述2D图形和绘图程序的语言，其定义遵循W3C标准。

2003年1月，SVG 1.1被确立为W3C标准。使用支持向量机的优点是:

SVG可以被很多工具(比如记事本)读取和修改

与JPEG和GIF图像相比，SVG的尺寸更小，可压缩性更强

SVG是可伸缩的

SVG图像可以以任何分辨率打印出高质量的图像

可以在不降低图像质量的情况下放大静止图像

SVG图像中的文本是可选的和可搜索的(非常适合制作地图)

SVG可以用Java技术运行

SVG是一个开放的标准

SVG文件是纯XML的

下面的例子是一个简单的SVG文件的例子。SVG文件必须与。svg后缀:

(2)二次贝塞尔曲线的光滑延拓

t指令格式:mx0，y0qx1，y1x2，y2t4，y4

t命令是二次贝塞尔曲线的平滑扩展命令。用Q定义一条二次贝塞尔曲线后，一个T命令可以通过定义端点自动延伸出一条平滑的曲线。在该曲线中，(x3，y3)不是手动定义的。这里使用的T方法只定义了一个终点，起点是前一条曲线的终点，控制点是前一条曲线的控制点的对称点(相对于前一条曲线的终点)。

t命令之前必须有一个q命令或另一个t命令才能达到这个效果。如果单独使用t，控制点会被认为是与终点相同的点，所以会画一条直线。

(3)立方贝塞尔曲线

C指令格式:M x0，y0 C x1，y1 x2，y2 x3，y3

方法定义了一条三次贝塞尔曲线，只多了一个控制点。

(4)三次贝塞尔曲线的光滑延拓

s指令格式:mx0，y0cx1，y1x2，y2x3，y3sx5，y5x6，y6

三次贝塞尔也有平滑扩展命令，需要定义一个控制点和一个端点。该命令将自动生成一个控制点x4、y4，从而形成一条扩展的三次贝塞尔曲线。

s命令前面必须有一个c命令或另一个s命令才能达到这个效果。如果单独使用S命令，会变成画二次贝塞尔曲线的效果。

安卓SVG动画

AnimatedVectorDrawable类使用ObjectAnimator和AnimatorSet提升VectorDrawable属性的渐变来生成动画效果。

通常，您可以在三个XML文件中定义带有动画的矢量图片:

在res/drawable/中有元素的矢量图片；

添加了RES/drawing/和动画元素的矢量图片；

在res/anim/中有一个或多个元素的对象动画；

添加动画的矢量图片可以

完成一个动画矢量绘图通常需要定义三种不同类型的文件:

(1)对应的XML文件。Android . graphics . drawing able . vectordrawinable，也就是

(Android对应的XML文件。图形。可画的。AnimateDevectorddrawable，这是

(3)一个对应的XML文件。Android . graphics . draw able . animator，也就是

VectorDrawable

向量可绘制一般由

& ltvector>。定义这个矢量图

安卓:说出矢量图的名称

Android:宽度矢量图的宽度内在宽度，支持Android系统支持的所有尺寸，通常使用dp

安卓:高度矢量图的内在高度

Android:viewportWidth矢量图视图的宽度，是由矢量图的路径数据绘制的虚拟画布

安卓:高度安卓:viewportHeight矢量图视图

Android:色调矢量图的色调颜色。默认情况下没有色调

Android:tint mode矢量图中淡色的Porter-Duff混合模式，默认值为src_in。(src_in，src_over，src _ atop，add，screen，multiply)

安卓:自动镜像设置当系统处于RTL(从右到左)布局时是否自动镜像图片。比如阿拉伯语。

安卓:alpha这个图片的透明属性

& ltgroup>。设置路径动画的关键属性

安卓:名称定义了群组的名称

安卓:旋转定义了组的路径旋转了多少度

Android:pivotX定义了缩放旋转组时的x参考点。该值是相对于矢量的视口值指定的。

Android:pivotY定义缩放旋转组时的y参考点。该值是相对于矢量的视口值指定的。

Android:scaleX定义x轴的缩放因子

安卓:scaleY定义y轴的缩放因子

Android:translateX定义移动x轴的位移。相对于矢量的视口值指定。

Android:translateY定义移动y轴的位移。相对于矢量的视口值指定。

& lt路径>。

Android:name定义了路径的名称，这样路径就可以在其他地方被名称引用

Android:pathData和SVG中的d元素有相同的路径信息。

Android:fillColor定义填充路径的颜色。如果未定义，填充路径将不会被填充

Android:strokeColor定义如何绘制路径边框。如果未定义，则不会显示边框。安卓:strokeWidth定义路径边框的粗细和大小

安卓:strokeAlpha定义路径边框的透明度

安卓:fillAlpha定义填充路径颜色的透明度

Android:trimPathStart从路径的起始位置截断路径，取值范围为0-1；注意从路径的末端从一半到动画开始的截路径比例从-0.5到-0 Android: Trimpath End，取值范围从0到1；请注意，从一半到结束的动画是从-0.5到-1.0

Android:trimpathofset设置路径截取的范围从0到1

Android:strokeLineCap设置路径线帽的形状，取值为对接、圆形、方形。

Android:strokeLineJoin设置路径交汇处的连接方式，值为斜接、圆角、斜角。安卓:strokemeterlimit设置斜角的上限

& lt剪辑路径>定义当前图形的切割路径。请注意，剪辑路径仅对当前组和子组有效

安卓:名称定义剪辑路径的名称

Android:path data Android:path data具有相同的值。

根元素

关于色调模式:

在5.0之后，我们可以为位图或9-patch定义一个透明遮罩。位图可绘制和九位图可绘制使用setTint()方法。

在xml文件中，使用了android:tint和android:tintMode。

注意:使用android:tint指定透明的颜色。#50ff00ff是8位颜色值，而不是6位颜色值。

属性描述:

安卓:色调:颜色已设置

Android:tintMode:类型已设置(src _ in，src _ over，src _ top，add，screen，multiple)

类型描述:

Src_in仅显示设定的遮罩颜色。就像里面的面具。

将显示src_over遮罩颜色和图片。相当于在画面上方进行掩蔽。(尤其是当颜色值透明时)

Src _ atop蒙版倍增图片上方的混色蒙版

屏幕添加混合遮罩，可绘制的颜色和透明度。

矢量图动画

AnimatedVectorDrawable通过ObjectAnimator或AnimatorSet为VectorDrawable的一个属性设置动画。

从API-25开始，AnimatedVectorDrawable运行在RenderThread上(相反，早期的API运行在UI线程上)。也就是说，AnimatedVectorDrawable即使在UI线程繁忙的情况下也能保持流畅运行。

如果用户界面线程没有响应，渲染线程将继续动画计算，直到用户界面线程可以前进到下一帧。因此，没有办法准确地将启用渲染线程的动画矢量绘制与用户界面线程中的动画同步。另外，animatable2。animationcallback。RenderThread完成渲染AnimatedVectorDrawable的最后一帧时，肯定会调用on imation and(draw able)。

AnimatedVectorDrawable可以在三个XML文件或一个XML文件中定义。