Android Vector Asset Studio 为一些矢量图像提供了额外的填充

Question

我正在尝试从 Vector Asset Studio 中的 Material Vector 包导入一些图标。

但它们带有填充。

为什么会发生这种情况，我该如何删除它？

这很不方便，因为这意味着如果我希望我的图标在 XML 中为 17dp x 17dp，那么我需要将其设置为大于 17x17 以弥补填充。

Answer 1

Android 矢量资源

您可以缩放矢量以移除额外空间。这可以使用 group 标签。只需修改您的矢量 xml 文件即可。

来自

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="24.0"
    android:viewportWidth="24.0">

    <path
        android:fillColor="#FF000000"
        android:pathData="M12,4l-1.41,1.41L16.17,11H4v2h12.17l-5.58,5.59L12,20l8,-8z" />
</vector>

到

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="24.0"
    android:viewportWidth="24.0">

    <group
        android:pivotX="12"
        android:pivotY="12"
        android:scaleX="1.5"
        android:scaleY="1.5">

        <path
            android:fillColor="#FF000000"
            android:pathData="M12,4l-1.41,1.41L16.17,11H4v2h12.17l-5.58,5.59L12,20l8,-8z" />
    </group>
</vector>

结果