材质用户界面布局除以angular度线

我想从这里实现像下面的图像的UI。 布局按angular度划分为一半。不知道如何实现它。任何帮助将不胜感激。 没有从网上得到任何提示

在这里输入图像说明

Solutions Collecting From Web of "材质用户界面布局除以angular度线"

最后,经过很长时间的search,我发现了这个示例Android-Diagonal-Cut-View

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

Drawable – 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" />