android - EditText が RelativeLayout で幅全体を使用しないようにする方法

Question

基本的に「メッセージ」を組み込みの「メッセージ」にスリムなバブルとして表示するレイアウトを以下に示します。右側に矢印の画像も表示する必要があるだけで、画像は表示されますが、問題は次のとおりです。

に"EditText"多くのテキストがある場合、全幅を使用し、表示はされますが " "ImageViewの上に表示されますEditText

「EditText」が全幅を取るのを止めるにはどうすればよいですか、試してみandroid:layout_weightましたがうまくいきませんでした

どんな手掛かり？

<?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:background="#FFDBE2ED"-->
 <LinearLayout 
        android:id="@+id/wrapper"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
         android:background="#00DBE2ED"
          >

    <RelativeLayout
        android:id="@+id/wrapper2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#00DBE2ED"
        android:weightSum="1.0" 
       >
    <!--  android:layout_gravity="center" -->
        <EditText
            android:id="@+id/comment"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:editable="false" 
            android:layout_marginTop="5dip"
            android:layout_marginRight="5dip"
            android:layout_marginLeft="5dip"
            android:background="@drawable/bubble_yellow"
            android:paddingLeft="10dip"
            android:text="Hello bubbles!"
            android:textColor="@android:color/primary_text_light"
            android:layout_weight=".70" 
             />
         <TextView
            android:id="@+id/sender"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:layout_margin="0dip"

            android:paddingLeft="5dip"
            android:paddingRight="2dip"
            android:text="Hello bubbles!"

           android:textColor="#b9dcdcdc"
           android:textSize="11sp"    
            android:layout_below="@+id/comment"

            />
           <ImageView
    android:id="@+id/aquaplayicon"
    android:src="@drawable/aquaplayicon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:clickable="true"
     android:onClick="onClickGirl"
    android:layout_alignParentRight="true"
    android:paddingRight="5dip"
     android:layout_centerVertical="true"
      android:layout_weight=".30"

    />

    </RelativeLayout>


    </LinearLayout>


</LinearLayout>

Answer 1

RelativeLayout横向きに変更してLinearLayout、要素を左から右に追加してみます。次に、android：layout_weightを使用して、すべてが画面に表示されていることを確認できます。

Answer 2

android:layout_width="fill_parent" を android:layout_width="wrap_content" に変更してみてください

Answer 3

いくつかのバックグラウンド リソースを使用していて、EditText のサイズを同じままにし、drawable を設定したい場合

andrid:maxEms="5";    // You can use any small value, 

その他の賢明な使用

andrid:maxEms         // For Max width with respect to number of character (Text)
android:maxWidth      // For max with in dp

Answer 4

EditText のImageView前に追加しEditText て使用するandroid:layout_toLeftOf="@id/aquaplayicon"

機能しlayout_weightませんRelativeLayout

編集：これを試してください

<LinearLayout 
            android:id="@+id/wrapper"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" 
            android:background="#00DBE2ED"
            android:orientation="vertical"
              > 
        <LinearLayout
            android:id="@+id/wrapper2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#00DBE2ED"
            android:weightSum="1.0" 
            android:orientation="horizontal"
           >
        <!--  android:layout_gravity="center" -->
            <EditText
                android:id="@+id/comment"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"

                android:editable="false" 
                android:layout_marginTop="5dip"
                android:layout_marginRight="5dip"
                android:layout_marginLeft="5dip"
                android:background="@drawable/bubble_yellow"
                android:paddingLeft="10dip"
                android:text="Hello bubbles!"
                android:textColor="@android:color/primary_text_light"
                android:layout_weight="1" 
                 />

               <ImageView
                android:id="@+id/aquaplayicon"
                android:src="@drawable/aquaplayicon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:clickable="true"
                android:onClick="onClickGirl"
                android:paddingRight="5dip"
                android:layout_centerVertical="true"

        />

        </LinearLayout>
         <TextView
                android:id="@+id/sender"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"

                android:layout_margin="0dip"

                android:paddingLeft="5dip"
                android:paddingRight="2dip"
                android:text="Hello bubbles!"

               android:textColor="#b9dcdcdc"
               android:textSize="11sp"    
                android:layout_below="@+id/comment"

                />

        </LinearLayout>

Answer 5

EditText を定義済みのサイズに設定します。

いう、

android:layout_width="80dp"