2016-01-08 27 views
8

Chcę zaimplementować obraz podobny do interfejsu użytkownika poniżej.Obokowany od here. Układ podziel przez linię kąta na pół. Nie masz pojęcia, jak go wdrożyć. Każda pomoc zostanie doceniona. Nie otrzymuję żadnych podpowiedzi z sieciMateriał Układ interfejsu użytkownika podziel według linii kątowej

enter image description here

+1

Nie ekspertem, ale wierzę, że to może być tylko statyczny obraz. – MKII

+0

@MKII Nie Po prostu chciałem podzielić ekran w podglądzie kątowym. Wykonano go w aplikacji Yahoo News Digest app.take. – Joker

+0

Naprawdę się nad tym zastanawiałem i zastanawiałem się, jak to jest zaimplementowane w wiadomościach yahoo, domyślam się, że @MKII powiedział, że dodają trójkątny obraz w lewym górnym rogu listy i przycinają go do widoku. – M090009

Odpowiedz

2

W końcu po długich poszukiwaniach znalazłem tę próbkę Android-Diagonal-Cut-View

Wysokość elementu trzeba być zadeklarować w XML. Dodaj XML w wersji do rysowania poniżej fragmentu kodu.

rozciągliwej - 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> 

Zastosowanie:

<RelativeLayout 
     android:id="@+id/background" 
     android:layout_width="match_parent" 
     android:layout_height="300dp" 
     android:background="@drawable/background" />