Androidでチャットバブルを作成する

Question

チャットバブルをテキストで作成しようとしています。これは3つのレイアウトを作成しています。メインの線形レイアウトの内側に私はFramLayoutを使用しています.9パッチバックグラウンドを設定しています。 。Framlayoutの内側に、私は3つのtextViewsと1つのimageView.but型の長いテキストを配置しているところで、もう1つRelativeLayoutを追加しています.FrameLayout境界の外に出ます。私は何が間違っているのか、何が欠けているのか分かりません。小さなテキストを使用していますが、大文字でもFramLayout.In添付ファイルのバックグラウンドボーダーから外に出ます。私は自分のバブルとヤフーIMバブルを表示しています.Yahooのように同じスタイルを作成しようとしていますが、あなたの提案。私はさまざまな方法で多くを試みるが、成功を収めない。事前に感謝している。 。あなたの.9patch画像を作成する場合は ここで私は私の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

を置いています、あなたはまた、あなたが左に定義コンテンツ領域、および下のピクセルを指定する必要があります。ルートレイアウト項目の背景についてCheck out this.

Answer 2

使用 と

。

イメージを右クリックしてを保存してください。ターゲットをとして保存してください。