梯形形状由xml中的3个按钮组成

Question

我正在尝试创建3个按钮，它们看起来像一个标志（参见链接的图片）。这些按钮由2个梯形按钮组成，其中一个按钮分成2个按钮。

https://imgur.com/ka3ZZL0

我在How to build trapezoid shape in xml android?处发现了类似的问题，但这并不是我想要的那样，因为我的按钮左侧的截止三角形中没有任何背景，因为我按钮（整个标志）将从右向左滑动，我想查看背景内容。

<!-- Colored rectangle-->
<item>
    <shape android:shape="rectangle">
        <size android:width="200dp" android:height="40dp" />
        <solid android:color="@color/green" />
    </shape>
</item>

<!-- This rectangle for the left side -->
<item
    android:right="215dp"
    android:left="-200dp"
    android:top="-200dp"
    android:bottom="-200dp">
    <rotate android:fromDegrees="-45">
        <shape android:shape="rectangle">
            <solid android:color="@color/darkGray" />
        </shape>
    </rotate>
</item>

还有其他更简单的方法吗？我可能无法将其制成一个形状，因为每个项目都是一个按钮，如果我输入错误，请纠正我。