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>
如何使用 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>