• Android遗漏的动画-矢量动画AnimatedVectorDrawable(上)


    Android动画-矢量动画AnimatedVectorDrawable

    除了系统的动画(补间动画,帧动画,属性动画)

    后面新增了矢量动画 AnimatedVectorDrawable

    另外三方库还有svga官网动画和Lottie动画官网

    官方的解释

    用 ObjectAnimator 或用 AnimatorSet 定义的动画运用到 VectorDrawable 上

    1. 通过AS-New-VectorAsset 可以创建一个系统的矢量图标

      <vector xmlns:android="http://schemas.android.com/apk/res/android"
              android:width="24dp"
              android:height="24dp"
              android:viewportWidth="24.0"
              android:viewportHeight="24.0">
          <path
              android:name="path_check"
              android:fillColor="#FF000000"
              android:pathData="M9,16.17L4.83,12l-1.42,1.41L9,19 22,7l-1.41,-1.41z"/>
      vector>
      
      
      • 1
      • 2
      • 3
      • 4
      • 5
      • 6
      • 7
      • 8
      • 9
      • 10
      • 11

      path 中关键的路径数据pathData

      M/m:move位移指令,移动点位到指定位置。
      
      L/l:line划线指令,画直线连接到指定位置。
      
      Z/z:封闭指令,连接起始点。
      
      大写代表绝对位置,小写代表相对位置。
      
      逗号分割横纵坐标
      
      (0,0)点在画布的左上角。
      
      • 1
      • 2
      • 3
      • 4
      • 5
      • 6
      • 7
      • 8
      • 9
      • 10
      • 11

      请添加图片描述
      ​上述图片是以as默认创建的check矢量图为例子,讲解

    M9,16.17 定位绝对位置(9,16.17)为起点
    L4.83,12  连线起点到绝对位置(4.83,12)
    l-1.42,1.41 连线上一个点到上一个点的相对位置(-1.42,1.41)
    L9,19  连线上个点到绝对位置(9,19)
    22,7 ( 这里忽略了L) 连线上个点到绝对位置(22,7)
    l-1.41,-1.41z  连线上一个点到上一个点的相对位置(-1.41,-1.41)并封闭起始点
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
  • 相关阅读:
    【 C++ 】string类的模拟实现
    常见排序算法
    【软件设计师21天-考点整理】1)计算机系统构成及硬件基础知识
    Python 教程之将网页内容专为语音mp3
    CycleGAN论文解读+思想+学习路径
    SpringBoot图片文件上传
    vulnhub之momentum
    【C++心愿便利店】No.5---构造函数和析构函数
    【微信小程序】WXSS模板样式
    Standardized QCI characteristics
  • 原文地址:https://blog.csdn.net/chrislanbo/article/details/126141687