2016-01-29 12 views
6

chciałbym zrobić ten rodzaj przycisk z trójkątem w rogu prawej górnej części układu:Android: jak dodać kształt trójkąta w prawym górnym przyciskiem rogu

enter image description here

I już rozpoczęła ten układ bez tego trójkąta jeszcze:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="48dp" 
    android:gravity="center_vertical" 
    android:paddingLeft="@dimen/keyline_1" 
    android:paddingRight="@dimen/keyline_2"> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:textColor="@color/grey" 
    android:text="DESCRIPTION"/> 

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:layout_alignParentRight="true"> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:paddingRight="@dimen/keyline_4" 
     android:textColor="@color/grey" 
     android:text="info"/> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textColor="@color/grey" 
     android:text="TITLE"/> 

</LinearLayout> 

</RelativeLayout> 

Odpowiedz

2

Masz stworzyć shape i dodać go jako background jak ten:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
<item> 
    <rotate 
     android:fromDegrees="45" 
     android:toDegrees="45" 
     android:pivotX="-40%" 
     android:pivotY="87%" > 
     <shape 
      android:shape="rectangle" > 
      <stroke android:color="@color/transparent" android:width="10dp"/> 
      <solid 
       android:color="@color/your_color_here" /> 
     </shape> 
    </rotate> 
</item> 

Dodaj TextView i umieścić ten shape jako background i zmienić gravity do end

Przykład:

android:background:"@drawable/YOUR_SHAPE" 

Także jeśli nie zna shapes spróbować tej answer

+0

Skizo, nie rozumiem, jak można używać Twój kształt w moim układzie xml ?? – anthony

+0

@anthony Zobacz moją edycję, proszę –

+0

Musisz dodać plik XML do pobrania, a następnie dodać kod XML @Skizo. Możesz użyć tego pliku w swoim widoku tekstowym, np .:

6

Użyj poniżej cod e, aby utworzyć kształt trójkąta i uczynić go TextView tle

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
    <item> 
     <rotate 
      android:fromDegrees="-45" 
      android:toDegrees="45" 
      android:pivotX="0%" 
      android:pivotY="1%" > 
      <shape android:shape="rectangle" > 
       <stroke 
        android:width="10dp" 
        android:color="#00000000" /> 

       <solid android:color="#00ACED" /> 
      </shape> 
     </rotate> 
    </item> 
</layer-list> 

i skorzystać z poniższego kodu, aby obrócić TextView

<TextView 
       android:id="@+id/won_text" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentLeft="true" 
       android:paddingTop="20dp" 
       android:rotation="-45" 
       android:text="@string/won" 
       android:textAppearance="?android:attr/textAppearanceLarge" 
       android:textColor="@android:color/white" 
       android:textSize="34sp" /> 

bardziej szczegółowo odnoszą How to make custom textview in android?

+0

Daj mi znać, jeśli napotkasz jakiś problem –

+0

Jak dodać tekst do środka (tj. -48%)? – powder366

Powiązane problemy