android - Material UI Layout 按角线划分

Question

我想实现如下图所示的用户界面。取自here .布局按角线分成两半。不知道如何实现它。我们将不胜感激。没有从网络上得到任何提示

Answer 1

经过长时间的搜索，我终于找到了这个样本 Android-Diagonal-Cut-View

项目的高度需要在 XML 中声明。在代码段下方的可绘制使用中添加 XML。

可绘制 - background.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/colorPrimary"/>
<item>
<bitmap android:src="@drawable/bebe" android:gravity="center" android:alpha="0.1"/>
</item>

<item android:top="300dp"
    android:bottom="-300dp"
    android:left="0dp"
    android:right="-300dp">
<rotate
    android:fromDegrees="-10"
    android:pivotX="0%"
    android:pivotY="100%">
<shape
    android:shape="rectangle">
    <solid android:color="?android:colorBackground"/>
</shape>
</rotate>
</item>
</layer-list>

用法:

<RelativeLayout
        android:id="@+id/background"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="@drawable/background" />