視圖被另一個視圖與Android上的match_parent和wrap_content重疊

Question

我想創建一個包含兩部分的視圖： 1.頭像，它始終顯示在屏幕上的right/center_vertial處。 2.姓名，始終顯示在屏幕左側（不要與頭像重疊）。

<?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="fill_parent" 
    android:orientation="horizontal" > 
    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:orientation="vertical"> 
     <TextView 
     android:id="@+id/name" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/username" /> 
    </LinearLayout> 
    <LinearLayout 
     android:id="@id/avatar" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:gravity="right|center_vertical" 
     android:orientation="vertical" > 
     <ImageView 
     android:id="@+id/avatar" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right|center_vertical" 
     android:scaleType="center" 
     android:src="@drawable/useravatar" /> 
    </LinearLayout> 
    </LinearLayout> 

問題是當名稱太長，它重疊在頭像上。我該如何解決這個問題？

Answer 1

對於TextView，您應該使用RelativeLayout和android:layout_toLeftOf="@id/avatar"屬性。

Answer 2

你最好使用相對佈局此：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RelativeLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/name" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:layout_toLeftOf="@+id/avatar" 
     android:text="Some User Name" /> 

    <ImageView 
     android:id="@+id/avatar" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:layout_gravity="right|center_vertical" 
     android:scaleType="center" 
     android:src="@drawable/thumbr" /> 

</RelativeLayout>