Question

我已使用“新矢量资产”为我的Android应用制作了徽标ic_launcher.xml，并将矢量路径从资产复制到ic_launcher_background.xml中产生的徽标太大且被裁剪。在android中，我只能看到中央部分，侧面，顶部和底部均被切除。我希望矢量较小，以便在徽标中整个可见。

我尝试更改这些值：

    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0"

这会导致徽标更大甚至裁剪更多，或者更小但没有居中。

这些是向量的路径：

    <path
        android:name="light_triangle"
        android:fillColor="@color/colorAccent"
        android:pathData="M 0,0 L 100,0 0,100 z" />
    <path
        android:fillColor="@color/colorPrimary"
        android:pathData="M5,13.18v4L12,21l7,-3.82v-4L12,17l-7,-3.82zM12,3L1,9l11,6 9,-4.91V17h2V9L12,3z"/>

我希望徽标较小且居中。通过更改高度和宽度来缩小矢量后，是否可以以某种方式移动它？还是必须以某种方式使矢量资产变得更小且居中？

更新：我发现必须做什么。我将向量放在这样的组中：

    <group android:scaleY="0.7" android:scaleX="0.7" android:pivotY="10" android:pivotX="10">
    <path
        android:fillColor="@color/colorPrimary"
        android:pathData="M5,13.18v4L12,21l7,-3.82v-4L12,17l-7,-3.82zM12,3L1,9l11,6 9,-4.91V17h2V9L12,3z"/>
    </group>

Answer 1

直接在AndroidManifest.xml文件中使用矢量图像

 android:icon="@drawable/work_mode"

Answer 2

更改android:width和android:height的值而不更改android:viewportWidth和android:viewportHeight。通过这种方式：

android:width="16dp"
android:height="16dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0"

Answer 3

我发现必须要做的事情。我将向量放在这样的组中：

    <group android:scaleY="0.7" android:scaleX="0.7" android:pivotY="10" android:pivotX="10">
    <path
        android:fillColor="@color/colorPrimary"
        android:pathData="M5,13.18v4L12,21l7,-3.82v-4L12,17l-7,-3.82zM12,3L1,9l11,6 9,-4.91V17h2V9L12,3z"/>
    </group>

如何使矢量徽标更小并适合图标

3 个答案: