如何建立一个“从右到左”的＃34;的LinearLayout？

Question

我想做一个聊天室泡泡列表视图，我遇到了一个问题; 右边的气泡布局xml在

之下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="end"
android:orientation="horizontal" >

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

<ImageView
    android:id="@+id/portrait"
    android:layout_width="40dip"
    android:layout_height="40dip" />

 </LinearLayout>

，结果看起来像是图片，为什么它会离开左边框

Answer 1

试试这个：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
      >

        <TextView
            android:id="@+id/textMsg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/portrait"
             />

        <ImageView
            android:id="@+id/portrait"
            android:layout_width="40dip"
            android:layout_height="40dip" 
            android:layout_alignParentRight="true"
            />

         </RelativeLayout>

Answer 2

试试这个：只需更改android:layout_width="0dp"并添加android:layout_weight="1"

即可

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="end"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/textMsg"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
         android:layout_weight="1"
        android:layout_marginLeft="5dp"

         />

    <ImageView
        android:id="@+id/portrait"
        android:layout_width="40dip"
        android:layout_height="40dip"
       />

</LinearLayout>