web-dev-qa-db-ja.com

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

テキストを使用してチャットバブルを作成しようとしています。このために、3つのレイアウトアウトを作成しています。メインの線形レイアウトの内部でFramLayoutを使用しています。このFramlayoutに9パッチの背景を設定しています。Framlayoutの内部にもう1つ追加しています。 3つのtextViewと1つのimageViewを配置しているRelativeLayout。ただし、長いテキストを入力すると、FramLayoutの境界線の外側になります。何が間違っているのか、何が欠けているのかわかりません。小さなテキストを使用している場合は、そのままですが、 FramLayoutの背景の境界線からも大きなテキストが出ます。添付ファイルでは、バブルとyahooIMバブルを表示しています。yahooと同じように異なるスタイルで作成しようとしています。提案をお願いします。さまざまな方法でいろいろ試してみます。方法はありますが、成功しません。よろしくお願いします。 。 enter image description here ここにレイアウトファイルを配置します

     <?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>
androidandroid-layoutandroid-widget
9
aftab

.9patchイメージを作成するときは、左と下のピクセルで定義するコンテンツ領域も指定する必要があります。 これをチェックしてください。

4
user717572

使用する - enter image description here および enter image description here

ルートレイアウトアイテムの背景。

画像を右クリックして、ターゲットをとして保存を選択します。

0
Iman Marashi