2016-01-08 144 views
8

我想要實現像下面的圖像從here下面的圖像。佈局將角度分成兩半。沒有任何想法如何實現它。任何幫助將不勝感激。無法從Web材料的UI佈局除以角線

enter image description here

+1

不是專家,但我相信它可能只是一個靜態圖像。 – MKII

+0

@MKII不,我只是想要如何劃分角度idea.already已完成雅虎新聞摘要app.take看看。 – Joker

+0

我實際上正在研究這一點,我想知道它是如何在雅虎新聞摘要中實現的,我想這是因爲@MKII表示他們在列表的左上角添加了一個三角形圖像並將其剪輯到視圖 – M090009

回答

2

得到任何暗示最後漫長的尋找之後,我發現這個樣本Android-Diagonal-Cut-View

身高項目需要在XML中進行申報。在代碼片段下面以drawable的形式添加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" />