材質UIレイアウト角度線で割る

hereから下の画像のようなUIを実装したいと思います。レイアウトを半分の角度線で割ります。実装方法はわかりません。何か助けていただければ幸いです。ウェブ材質UIレイアウト角度線で割る

出典

2016-01-08 Joker

ない専門家が、私はそれだけで静的なイメージかもしれないと考えています。 – MKII

@MKIIいいえ私はちょうどヤフーニュースダイジェストapp.takeの外観で行われた角度のidea.allreadyで画面を分割する方法をしたかった。 – Joker

私はそれについて実際に調べていましたが、yahooのニュースダイジェストでどのように実装されているのだろうかと疑問に思っていました。@ MKIIはリストの左上に三角形の画像を追加してビューにクリップします。 – M090009

から任意のヒントを得ていない最後の長い検索の後、私はこの商品サンプル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" />

出典

2016-08-16 07:38:17 Joker

材質UIレイアウト角度線で割る

答えて

関連する問題