使用筆畫

根據 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 特別有用,因為你現在使用統一長度的單個筆劃操作,而不是複雜的路徑。