如何通过XML绘制梯形Drawable并将矩形改为尖角样式？

嘿，我来帮你搞定这个Android Drawable的问题！针对你的需求，我分两部分给你详细说明：

一、将现有矩形Shape改为尖角样式 #

你的现有代码是带圆角的矩形，要改成尖角（直角）样式超简单，只需要把<corners>标签的圆角半径设为0dp，就能去掉圆角变成直角尖角的矩形：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/listview_background_shape">
    <stroke
        android:width="0dp"
        android:color="#4c71f5" />
    <padding
        android:left="0dp"
        android:top="0dp"
        android:right="0dp"
        android:bottom="0dp" />
    <!-- 把圆角半径设为0，切换为尖角直角 -->
    <corners android:radius="0dp" />
    <solid android:color="@color/colorAccent" />
</shape>

如果你的“尖角样式”是指更复杂的异形（比如侧边带箭头的尖角），那得用VectorDrawable来绘制，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="200dp"
    android:height="100dp"
    android:viewportWidth="200"
    android:viewportHeight="100">

    <!-- 绘制右侧带尖角的形状，可自行调整坐标修改尖角位置 -->
    <path
        android:fillColor="@color/colorAccent"
        android:pathData="M0,0 L180,0 L200,50 L180,100 L0,100 Z" />
    <stroke
        android:width="0dp"
        android:color="#4c71f5" />
</vector>

二、绘制梯形Drawable #

Android原生<shape>不支持直接画梯形，但我们有两种实用方法可以实现：

方法1：用Layer List结合旋转模拟梯形 #

适合制作对称的梯形，通过旋转矩形来实现效果：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:fromDegrees="45"
            android:pivotX="-40%"
            android:pivotY="80%">
            <shape android:shape="rectangle">
                <solid android:color="@color/colorAccent" />
                <stroke
                    android:width="0dp"
                    android:color="#4c71f5" />
            </shape>
        </rotate>
    </item>
</layer-list>

你可以调整fromDegrees、pivotX、pivotY的值，来改变梯形的倾斜角度和尺寸。

方法2：用VectorDrawable绘制精确梯形 #

这种方式能精准控制梯形四个顶点的位置，灵活性更高：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="200dp"
    android:height="100dp"
    android:viewportWidth="200"
    android:viewportHeight="100">

    <!-- 绘制上底短、下底长的梯形，坐标依次为左上、右上、右下、左下，Z表示闭合路径 -->
    <path
        android:fillColor="@color/colorAccent"
        android:pathData="M30,0 L170,0 L200,100 L0,100 Z" />
    <stroke
        android:width="0dp"
        android:color="#4c71f5" />
</vector>

内容的提问来源于stack exchange，提问作者Chinthaka Devinda