Crear una burbuja de chat en Android

Question

Intento crear una burbuja de chat con algo de texto. Para esto, creo tres diseños, dentro de la distribución lineal principal. Estoy utilizando FramLayout, estoy configurando un fondo de 9 paneles para esta Framlayout. .En el interior de Framlayout, agrego un RelativeLayout más donde coloco mis tres textViews y un imageView, pero escribo texto largo fuera del borde de FramLayout. No sé lo que estoy haciendo mal o lo que me falta. Cuando estoy usando texto pequeño pero se mantiene en forma, pero con texto grande sale incluso del borde de Fondo de FramLayout.En el archivo adjunto estoy mostrando mi burbuja IM de burbuja y yahoo. Estoy tratando de crear lo mismo como Yahoo pero con un estilo diferente. Dame por favor Su sugerencia. Intento mucho con diferentes maneras pero no consigo el éxito. Gracias de antemano. . Aquí estoy poniendo mi LayoutFile

 <?xml version="1.0" encoding="utf-8"?> 
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:id="@+id/linearListLayout1"> 

     <FrameLayout 
      android:id="@+id/frameLayout1" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:background="@drawable/bubbleblue" > 

      <RelativeLayout 
       android:id="@+id/relativeLayout1" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:minHeight="100dp"> 

       <TextView 
        android:id="@+id/chattitle" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="TextView" 
        android:layout_marginTop="10dp" 
        android:layout_marginLeft="10dp"/> 

       <TextView android:id="@+id/chatdate" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="TextView" 
        android:layout_alignParentRight="true" 
        android:layout_marginTop="10dp"/> 

       <TextView android:id="@+id/chatText" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:layout_alignBottom="@+id/chatstatus" 
        android:layout_below="@+id/chattitle" 
        android:layout_toLeftOf="@+id/chatstatus" 
        android:text="TextView" /> 

       <ImageView 
        android:id="@+id/chatstatus" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/add_picture" 
        android:layout_alignParentRight="true" 
        android:layout_below="@+id/chatdate" 
        android:minHeight="2dip" 
        android:maxWidth="2sp" 
        android:maxHeight="2sp" 
        android:layout_marginRight="2dp"/> 
     </RelativeLayout> 
    </FrameLayout> 

Answer 1

Al crear su imagen .9patch, también debe especificar un área de contenido, que se define con la izquierda, y los píxeles de fondo. Check out this.

Answer 2

Uso y

para el fondo de su artículo de diseño raíz.

haga clic derecho en las imágenes y seleccione Guardar destino como.