Android 支持SVG VectorDrawable

最新推荐文章于 2024-09-18 11:19:13 发布

灬弘法大师丶

最新推荐文章于 2024-09-18 11:19:13 发布

阅读量1k

点赞数

分类专栏： Android知识积累文章标签： android ui svg 矢量图应用

本文链接：https://blog.csdn.net/qq_28195645/article/details/51545638

版权

Android知识积累专栏收录该内容

4 篇文章 0 订阅

订阅专栏

如果我们的UI level比较高、会用AI生成矢量图（SVG）、
那么我们可以用他们生成的做成VectorDrawable、并应用到我们的项目

首先在build.gradle添加如下代码

    defaultConfig {
        vectorDrawables.useSupportLibrary = true
    }

ok、右键drawable–>new drawable resource file

这里写图片描述

复制代码如下

<vector android:height="24dp" android:viewportHeight="96.0"
    android:viewportWidth="96.0" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FFFFFFFF" android:pathData="M50.7,90.3h-5.7V60.1H6.5V85c0,5.7 4.9,10.6 10.6,10.6h62.1c5.7,0 10.6,-4.9 10.6,-10.6V60.1H51.1L50.7,90.3L50.7,90.3z"/>
    <path android:fillColor="#FFFFFFFF" android:pathData="M6.5,54.3h38.4V30.6H33.1c-4.9,0 -9.8,-1.2 -13.5,-5.3h-9C4.9,25.3 0,30.2 0,35.9v8.6C0,49 2.9,52.7 6.5,54.3L6.5,54.3z"/>
    <path android:fillColor="#FFFFFFFF" android:pathData="M85.8,25.7h-9c-3.7,4.1 -7.4,5.3 -14.3,5.3H50.7v23.7h38.8l0,0c4.1,-1.6 6.5,-5.3 6.5,-9.8v-8.6C96,30.2 91.1,25.7 85.8,25.7z"/>
    <path android:fillColor="#FFFFFFFF" android:pathData="M77.2,13.5c0,-6.9 -5.7,-13.1 -12.7,-13.1S51.9,6.1 51.9,13.1v13.1h12.7C71.5,26.6 77.2,20.8 77.2,13.5z"/>
    <path android:fillColor="#FFFFFFFF" android:pathData="M31.5,26.2h12.7V13.2c0,-6.9 -5.7,-12.7 -12.7,-12.7S18.8,6.2 18.8,13.6S24.5,26.2 31.5,26.2z"/>
</vector>

对应的矢量图如下
这里写图片描述

将drawable应用到我们的layout文件就ok了

AppCompatImageVIew、只会支持5.0以上，所以我们用v7包

                        <android.support.v7.widget.AppCompatImageView
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:layout_marginBottom="@dimen/padding10"
                        android:src="@drawable/gift_big_done" />
                        app:srcCompat="@drawable/gift_big_done"/>

VectorDrawable：适应不同分辨率的drawable资源传送门