Material UI Layout 按角度线划分答案

【问题标题】：Material UI Layout divide by angle lineMaterial UI Layout 按角度线划分
【发布时间】：2016-01-08 09:43:34
【问题描述】：

我想实现如下图所示的 ui。取自 here 。布局被角线分成两半。不知道如何实现它。任何帮助将不胜感激。没有从网络上得到任何提示

【问题讨论】：

不是专家，但我相信它可能只是一张静态图片。
@MKII 不，我只是想如何在角度想法中划分屏幕。已经在雅虎新闻文摘应用程序中完成。看看。
我实际上正在研究它，我想知道它是如何在雅虎新闻摘要中实现的，我猜这是@MKII 说他们在列表的左上角添加了一个三角形图像，并且将其剪辑到视图中
也许吧。不知道如何正确实施它

标签： android android-layout material-design

【解决方案1】：

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

项目的高度需要在 XML 中声明。在代码 sn-p 下添加可绘制使用的 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" />

【讨论】：