在Android中创建聊天气泡

Question

我正在尝试使用一些文本创建一个聊天气泡。为此我创建了三个布局，在主线性布局内部我正在使用FramLayout，我正在设置一个9补丁背景到这个Framlayout.Inside of Framlayout我是添加一个RelativeLayout我放置我的三个textViews和一个imageView.but键入长文本它走出FramLayout边界。我不知道我做错了什么或我错过了什么。当我使用小文本时它仍然适合，但大文本它甚至从FramLayout的背景边框出去。在附件我显示我的泡沫和雅虎IM泡沫。我正在尝试创建相同的雅虎，但有一些不同的风格。请给我你的建议。我试试不同的方式，但没有成功。谢谢你提前。 。 我在这里放置我的布局文件

     <?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

使用 和

用于根布局项目的背景。

右键点击图片，然后选择将目标另存为。