Android5.0+高级动画开发-[初识矢量图SVG与VectorDrawable]
来源:互联网 发布:nginx ssl 无响应 编辑:程序博客网 时间:2024/05/18 13:45
《Android5.0+高级动画开发》讲的是如何借助VectorDrawable技术,贝赛尔曲线技术,PathMeasure技术实现酷炫动画。相比之前学习过的帧动画,补间动画,属性动画,它们有哪些值得我们学习的地方呢?Android为什么在5.0以后推出了VectorDrawable技术?徐大神为什么要推荐和分享这些技术?废话到此结束,接下来记录下学习[初识矢量图SVG与VectorDrawable]这一小节的重点知识点。
知识点1:
网络上使用的图片一般有两种类型,一种是栅格图(.jpeg .gif .png),一种是矢量图(SVG),其是栅格图放大会失真,矢量图放大不会失真,如下图:
知识点2:
SVG -全称Scalable Vector Graphics,是一种W3C推荐的用来描述两维矢量图形的语言。目的是提供一种灵活而实用的图形格式,并在 XML 中表示出来。SVG 的特性集包括嵌套式转换、剪辑路径、羽化遮罩、光栅过滤器效果、模板对象,可扩展性等,支持动画、缩放视图、各种图形原语、分组、超链接、结构化元数据、CSS、DOM 扩展集,并可以轻易地嵌入到其他 XML 文档中。一般用于Web端。
rect标签:代表画一个矩形,circle标签:代表画一个图形,polyline标签:代表画一条折线,line标签:代表画一条直线
知识点3:
VectorDrawable是Android中的矢量图,只抽取了SVG中的Path标签来画所有图形,提高了矢量图在Android系统中的加载与解析效率。VectorDrawable常用语法:
M=moveto(M X,Y):将画笔移动到指定坐标位置
L = lineto(L X,Y):画直线到指定的坐标位置
Z=closepath():关闭路径
H=horizontal lineto(H X) :画水平线到指定的X 坐标位置
V=vertical lineto(V Y):画垂直线到指定的Y坐标位置
知识点4:
矢量图SVG在线制作工具-SVG Editor(http://editor.method.ac)
SVG转VectorDrawable 在线工具(https://inloop.github.io/svg2android/)
AndroidStudio中也提供了转化工具,而且SVG之所以可以转化为VectorDrawable是因为SVG语法比较固定,所有SVG图形归根到底都是Path,而VectorDrawable正是提取了SVG中的Path。
- Android5.0+高级动画开发-[初识矢量图SVG与VectorDrawable]
- Android矢量图VectorDrawable及动画
- Android VectorDrawable SVG矢量图 xml格式
- 初识SVG矢量图
- Android 5.0+ 高级动画开发 矢量图动画
- Android VectorDrawable与SVG
- Android VectorDrawable与SVG
- Android VectorDrawable与SVG
- Android VectorDrawable与SVG
- Android VectorDrawable与SVG
- Android VectorDrawable与SVG
- Android VectorDrawable与SVG
- Android VectorDrawable与SVG 实现炫酷动画
- Android svg VectorDrawable 动画效果
- Android 矢量图(VectorDrawable)及动画(AnimatedVectorDrawable)
- Android 矢量图(VectorDrawable)及动画(AnimatedVectorDrawable)
- Android开发 之 矢量图动画SVG(细节版)
- VectorDrawable(矢量图)
- 数据库:Mysql中“select ... for update”排他锁分析
- 设计模式入门-策略设计模式
- iOS第三方验证简单接入Game Center
- Android应用监听来电、短信等方法
- 图片加载库比较总结
- Android5.0+高级动画开发-[初识矢量图SVG与VectorDrawable]
- Session操作
- Leetcode-463. Island Perimeter
- Linux各目录的作用
- 137. Single Number II 难度:medium
- swift 加速传感器
- AngualrJS中的scope
- 【我的Android进阶之旅】解决MediaPlayer播放音乐的时候报错: Should have subtitle controller already set
- jquery中的ready函数与window.onload谁先执行