使用笔画

根据 Material Design 准则 ,使用 SVG 笔划可以更轻松地创建具有统一笔划长度的 Vector drawable :

一致的笔画粗细是统一整个系统图标族的关键。保持所有笔划实例的 2dp 宽度,包括曲线,角度以及内部和外部笔划。

因此,例如,你可以使用笔划创建加号符号:

<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:strokeColor="#F000"
        android:strokeWidth="2"
        android:pathData="M12,0 V24 M0,12 H24" />
</vector>
  • strokeColor 定义笔画的颜色。

  • strokeWidth 定义笔划的宽度(以 dp 为单位)(在本例中为 2dp,如指南所示)。

  • pathData 是我们描述 SVG 图像的地方:

  • M12,0光标移动到位置 12,0

  • V24 创建一个到 12,24 位置的垂直线

等,请参阅 w3schools 的 SVG 文档和这个有用的 SVG Path 教程,以了解有关特定路径命令的更多信息。

结果,我们得到了这个简单的加号:

StackOverflow 文档

这对于创建 AnimatedVectorDrawable 特别有用,因为你现在使用统一长度的单个笔划操作,而不是复杂的路径。