使用笔画
根据 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
教程,以了解有关特定路径命令的更多信息。
结果,我们得到了这个简单的加号:
这对于创建 AnimatedVectorDrawable
特别有用,因为你现在使用统一长度的单个笔划操作,而不是复杂的路径。