Создать чат Bubble в Android

Question

Я пытаюсь создать чат-пузырь с некоторым текстом. Для этого я создаю три Layoutouts, внутри основного Linear Layout Я использую FramLayout, я устанавливаю фон с 9 патчами. Для этого Framlayout В дополнение к Framlayout я добавляю еще один RelativeLayout, где я помещаю свои три текстовых элемента и один длинный текст imageView.but, который выходит за пределы рамки FramLayout. Я не знаю, что я делаю неправильно или что мне не хватает. Когда я я использую небольшой текст, он по-прежнему подходит, но с большим текстом он выходит из даже фоновой границы FramLayout. В приложении я показываю свой пузырь и yahoo IM bubble. Я пытаюсь создать то же самое, что и yahoo, но с некоторым другим стилем. Пожалуйста, дайте мне ваше предложение. Я стараюсь много разными способами, но не получаю успех. Спасибо заранее. , Здесь я помещаю мой 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

При создании .9patch изображения, вы должны также указать область содержимого, которое вы определяете с левым и нижними точками. Check out this.

Answer 2

Использование и

для фона вашего элемента макета корня.

Щелкните правой кнопкой мыши на изображения и выберите Сохранить цель как.