Android faire fond ovale drawable avec coin le chat

Question

Je sais comment créer fond ovale, ajouter cette drawable à un arrière-plan RelativeLayout:

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" android:padding="10dp"> 
    <solid android:color="#FFFFFF"/> 
    <corners 
     android:bottomRightRadius="15dp" 
     android:bottomLeftRadius="15dp" 
     android:topLeftRadius="15dp" 
     android:topRightRadius="15dp"/> 
</shape> 

Mais je veux créer cette étirables et le coin d'une discussion comme celui-ci :

Comment puis-je ajouter à ce drawable le coin de la discussion?

Answer 1

Créez votre mise en page de bulles comme ce

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:layout_margin="16dp" 
    android:orientation="vertical"> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Hello" 
     android:padding="16dp" 
     android:background="@drawable/rounded_rect"/> 

    <ImageView 
     android:layout_marginTop="-1.5dp" 
     android:layout_width="8dp" 
     android:layout_height="16dp" 
     android:layout_gravity="start" 
     android:background="@drawable/corner" 
     /> 

</LinearLayout> 

fichiers Drawable

de rounded_rect.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <solid android:color="#888" /> 
    <corners 
     android:bottomRightRadius="8dp" 
     android:topLeftRadius="8dp" 
     android:topRightRadius="8dp"/> 

</shape> 

corner.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <rotate 
      android:fromDegrees="45" 
      android:pivotX="135%" 
      android:pivotY="15%" 
      android:toDegrees="45" 
      > 
      <shape android:shape="rectangle"> 
       <solid android:color="#888"/> 

      </shape> 
     </rotate> 
    </item> 
</layer-list> 

Cette disposition va évoluer avec le texte que vous ajoutez à la TextView

EDIT

Je viens maintenant remarqué que la flèche de votre exigence devrait pointer vers la gauche. Pour obtenir ce faire quelques petits changements à votre mise en page de la bulle

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_margin="16dp" 
    android:orientation="horizontal"> 

    <ImageView 
     android:layout_width="12dp" 
     android:layout_height="12dp" 
     android:layout_gravity="bottom" 
     android:background="@drawable/corner2" 
     /> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Hello" 
     android:padding="16dp" 
     android:background="@drawable/rounded_rect"/> 

</LinearLayout> 

corner2.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <rotate 
      android:fromDegrees="-45" 
      android:pivotX="135%" 
      android:pivotY="15%" 
      android:toDegrees="45" 
      > 
      <shape android:shape="rectangle"> 
       <solid android:color="#888"/> 

      </shape> 
     </rotate> 
    </item> 
</layer-list> 

SORTIE

Answer 2

Vous devriez faire un dessin de la Bulle de Chat complète, y compris les coins. Ensuite, faites-en un 9-patch afin que l'étirable se déploie horizontalement et verticalement sans se déformer.