Wie füge ich das Bild am Ende von Textview Android

Question

Ich versuche WhatsApp wie Chat Blase zu bauen, dafür habe ich TextView mit android:drawableRight.

Aber Chat-Blase ist in der TextView (aber auf der rechten Seite), unten ist die Chat-Blase Bild.

und Textview ist

  <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:maxWidth="200dp" 
      android:text="Some text" 
      android:drawableRight="@drawable/bubble" 
      android:drawableEnd="@drawable/bubble" 
      android:padding="8dp" 
      android:background="#dcf8c6" 
      /> 

Wie ich Chat-Blase als Schwanz für Textview hinzufügen können, die genau wie WhatsApp Chat-Blase aussehen wird.

Schließlich sollte es aussehen

Answer 1

Sie android:drawableBottom="" Bild nach unten von Textview

Answer 2

hinzufügen können Sie diese wie unten erreichen können:

<LinearLayout 
    android:id="@+id/bubble_layout" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/bubble1"> 

    <TextView 
     android:id="@+id/message_text" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:maxEms="12" 
     android:layout_gravity="center" 
     android:text="Hi! new message" 
     android:textColor="@android:color/primary_text_light" /> 
</LinearLayout> 

Im folgenden Code bubble1 ist .9.patch Bild mit Schwänzen, die Sie wollen.

für diesen Link um mehr sehen chat with bubble

Answer 3

WhatsApp tatsächlich verwendet ein NinePatch Bild, um die eigene Form zu machen. Wenn Sie darauf bestehen, können Sie etwas wie:

 <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     /> 

     <TextView 
     android:id="@+id/textview" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:maxWidth="200dp" 
     android:text="Some text" 
     android:padding="8dp" 
     android:background="#dcf8c6" 
     /> 

     <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toEndOf="@+id/textview" 
     android:background="@drawable/bubble" 
     /> 

    </RelativeLayout> 

Answer 4

Sie müssen 9patch Bild für Ihre Blase Bild erstellen. Bildausdehnung ist .9.png. Sie können this Link für Studie über 9patch Bild überprüfen. oder Sie können online 9patch imasge von here erstellen.

Answer 5

Verwenden 9 Patch anstelle Bild als Hintergrund verwenden oder aber Textview Blase zu zeigen, ist neun Flecken besser ..., dieses Tutorial beziehen sich auf wie 9-PATCH Bild 9patch Tutorial

erstellen online zu generieren 9patch klicken here