安卓矢量图为什么要用xml android vector drawable详解

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

安卓矢量图为什么要用xml android vector drawable详解

2025-11-14

浏览次数：次

返回列表

Vector Drawable是一种基于XML的矢量图形格式，通过数学公式描述图形，实现无损缩放。相比PNG等位图，它能显著减小APK体积、适配多分辨率、支持动态属性修改且易于维护。典型结构以为根标签，定义路径数据，利用viewport和尺寸属性控制显示。尽管Android 5.0以上原生支持，但可通过AppCompat兼容至Android 4.0。建议优先用于图标类资源，复杂图像仍用位图，配合Android Studio工具高效导入。合理使用可提升应用质量和开发效率。

安卓矢量图为什么要用xml android vector drawable详解

在安卓开发中，使用XML定义的矢量图（Vector Drawable）是一种高效、灵活的图形资源管理方式。相比传统的PNG等位图，Vector Drawable 有明显优势，尤其适合需要多分辨率适配的应用场景。

什么是 Vector Drawable

Vector Drawable 是一种基于 XML 的矢量图形格式，它通过数学公式描述图形的形状、路径和颜色，而不是像位图那样存储每个像素点的信息。这意味着同一个矢量图可以在不同屏幕密度下无损缩放，不会出现模糊或锯齿。

一个典型的 Vector Drawable 文件包含标签作为根节点，内部通过定义图形轮廓，还可以包含控制旋转、平移等变换。

为什么推荐使用 Vector Drawable

节省 APK 体积：一张矢量图 XML 文件通常只有几 KB，而要支持多种分辨率可能需要多个 PNG 图片，显著增加包大小。
无限缩放不失真：无论在小屏手机还是大屏平板上，图标始终清晰锐利。
支持动态控制：可以通过代码或动画修改路径颜色、描边、透明度等属性，实现丰富的视觉效果。
便于维护和更新：只需修改一个 XML 文件即可更新所有设备上的显示效果，无需为不同分辨率重新出图。

Vector Drawable 的基本结构

以下是一个简单的示例，绘制一个红色圆形：

Perplexity

Perplexity是一个ChatGPT和谷歌结合的超级工具，可以让你在浏览互联网时提出问题或获得即时摘要

302

查看详情

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="#f00"
        android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2z" />
</vector>

说明：
- android:width/height 设置在界面上占用的尺寸；
- viewportWidth/Height 定义内部坐标系大小；
- pathData 使用类似 SVG 的指令绘制路径，“M”表示移动，“C”是贝塞尔曲线，“z”闭合路径。