Android - 使用 xml 绘制复选图标

Android - Make check icon using xml drawable

如何使用 xml 绘制此形状?争了好久没搞定

这是您可以改进的模板:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:width="30dp"
        android:height="4dp"
        android:top="20dp">
        <rotate
            android:fromDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="@android:color/holo_orange_dark"/>
            </shape>
        </rotate>
    </item>

    <item
        android:width="40dp"
        android:height="4dp"
        android:top="15dp"
        android:left="18dp">
        <rotate
            android:fromDegrees="-45">
            <shape android:shape="rectangle">
                <solid android:color="@android:color/holo_orange_dark"/>
            </shape>
        </rotate>
    </item>

    <item
        android:width="50dp"
        android:height="50dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/transparent"/>
        </shape>
    </item>
</layer-list>
<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:width="25dp"
            android:height="4dp"
            android:top="20dp">
        <rotate
            android:fromDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="@android:color/holo_orange_dark"/>
            </shape>
        </rotate>
    </item>
    <item
        android:width="40dp"
        android:height="4dp"
        android:top="15dp"
        android:left="13dp">
        <rotate
            android:fromDegrees="-45">
            <shape
                android:shape="rectangle">
                <solid android:color="@android:color/holo_orange_dark">
                </solid>
            </shape>
        </rotate>
    </item>
<item
    android:width="50dp"
    android:height="50dp">
    <shape android:shape="rectangle">
        <solid android:color="@android:color/transparent"/>
    </shape>
</item>

2020 年解决方案:

对于现在正在寻找此答案的任何人,您可以在 material 网站上下载该图标 (https://material.io/resources/icons/?style=baseline)

对于 android,您甚至可以使用 Android Studio 直接添加图标:

  • 1 -> 左边的“资源管理器”
  • 2 -> 按“+”图标
  • 3 -> selecting“矢量资产”
  • 4 -> 然后你只需要 select 正确的图标

或者您可以:

  • 1 -> 右键单击​​ res/drawable 文件夹
  • 2 -> select 新建 > 矢量资源
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="#008F28"
    android:alpha="0.9">
    <path
        android:fillColor="#FF000000"
        android:pathData="M9,16.2L4.8,12l-1.4,1.4L9,19 21,7l-1.4,-1.4L9,16.2z"/>
</vector>