如何绘制附加到矩形的三角形？

Question

我是在Android中设计矢量可绘制对象的新手。

我想像下面那样设计，但是不确定如何完成

我尝试了以下代码段

<item>
    <rotate
        android:fromDegrees="-45"
        android:pivotX="0%"
        android:pivotY="0%"
        android:toDegrees="-45">
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
            <stroke
                android:width="1dp"
                android:color="#fffff" />

            <corners
                android:bottomRightRadius="@dimen/dim_200dp"
                android:bottomLeftRadius="@dimen/dim_50dp"
                android:topRightRadius="@dimen/dim_50dp"
                android:topLeftRadius="@dimen/dim_50dp"></corners>
        </shape>
    </rotate>
</item>

但是我只有以下结果

请帮助我获得解决方案

Answer 1

我已经制作了一些符合您需求的9补丁图像。使用此可绘制对象，您可以根据情况在屏幕上随意放置每个对象：

triangle_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:width="90dp"
        android:height="160dp"
        android:bottom="137dp">
        <nine-patch android:src="@drawable/top_bg"/>
    </item>
    <item
        android:width="90dp"
        android:height="60dp"
        android:top="137dp">
        <nine-patch android:src="@drawable/bottom_bg"/>
    </item>
</layer-list>

您可以下载图形对象here。 here也提供了用于构建9个补丁的原始PSD文件。

最终输出如下所示：

希望有帮助。