材质UI布局除以角度线

Question

我想从实现UI类似图像below.taken 这里.布局除以角度线为一半.不知道如何实现它.任何帮助将不胜感激.没有从网上得到任何暗示

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