码迷,mamicode.com
首页 > 移动开发 > 详细

Android开发 VectorDrawable 矢量图 (四)矢量图动画放入到一个xml文件中

时间:2020-05-05 12:25:03      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:www   The   开发   height   htm   url   xmlns   方式   logs   

前言

  在前面的博客Android 开发 VectorDrawable 矢量图 (三)矢量图动画里,了解了group动画与path动画的实现。但是,可能有些人会觉得这些动画的实现的xml文件实在是太多了。此篇博客就将说明如何将所有的矢量图与动画全放到一个xml中。我们将还是用举例的方式说明。

 

颜色渐变group动画

1.首先,老规矩找一个现成的矢量图,我们在Android studio自带的矢量图库里找一个矢量图

技术图片         技术图片

2.然后在drawable文件夹里,创建一个我们要放矢量图加动画组合的一个xml。并且先写入下面这些属性。

请注意!

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:appt="http://schemas.android.com/aapt"

这2个属性不是默认的,并且没有代码提示,需要你手动输入或者复制黏贴,取代默认的xmlns:android 属性。 另外 appt:attr  这个属性也是没有代码提示的。

ic_color_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:appt="http://schemas.android.com/aapt">
    <appt:attr name="android:drawable">
        
    </appt:attr>

</animated-vector>

3.然后,我们将矢量图的xml代码复制到<appt:attr > 属性里

<?xml version="1.0" encoding="utf-8"?>
<animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:appt="http://schemas.android.com/aapt">
    <appt:attr name="android:drawable">
        <vector android:height="24dp" android:tint="#F44336"
            android:viewportHeight="24.0"
            android:viewportWidth="24.0"
            android:width="24dp"
            xmlns:android="http://schemas.android.com/apk/res/android">
            <path
                android:fillColor="#FF000000"
                android:pathData="
                M12,2
                C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2
                z
                M13,17
                h-2v-2h2v2zM13,13h-2L11,7h2v6
                z"/>
        </vector>

    </appt:attr>

</animated-vector>

 

 

 

 

 

 

 

 

 

 

 

 

End

Android开发 VectorDrawable 矢量图 (四)矢量图动画放入到一个xml文件中

标签:www   The   开发   height   htm   url   xmlns   方式   logs   

原文地址:https://www.cnblogs.com/guanxinjing/p/12830087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!