Android - 想優化佈局

Question

我已經創建了使用線性佈局的下面的佈局，它的運行良好，但我有一個疑問，它可以優化，因爲我已經使用嵌套的線性佈局創建此UI，我認爲它不好。

所以，你能幫我通過使用相對佈局或其他方式來優化這種線性佈局嗎？

我已經等被定義的佈局：

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:padding="6dip"> 

<LinearLayout 
     android:orientation="vertical" 
     android:layout_width="wrap_content" 
     android:layout_weight="1" 
     android:layout_height="fill_parent" 
     android:layout_marginLeft="10dip"> 

     <TextView 
      android:id="@+id/txtViewTitle" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center_vertical" 
      android:textSize="18dip" 
      android:text="hello" 
     /> 
     <TextView 
      android:id="@+id/txtViewDescription" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center_vertical" 
      android:textSize="14dip" 
      android:text="hello" 
      /> 
    </LinearLayout>  

    <ImageView 
     android:id="@+id/image" 
     android:layout_width="50dip" 
     android:layout_height="fill_parent" 
     android:src="@drawable/arrow" 
     android:layout_marginLeft="3dip" 
     android:scaleType="center"/> 

</LinearLayout> 

Answer 1

這裏是使用的RelativeLayout代碼的重構：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="wrap_content" 
    android:padding="6dip"> 
    <ImageView android:layout_marginLeft="3dip" android:id="@+id/image" 
     android:src="@drawable/arrow_cell" 
     android:layout_width="50dip" android:scaleType="center" 
     android:layout_alignParentRight="true" android:layout_height="wrap_content" android:layout_centerVertical="true"></ImageView> 
    <TextView android:textSize="18dip" android:layout_height="wrap_content" 
     android:layout_width="fill_parent" android:id="@+id/txtViewTitle" 
     android:layout_marginLeft="10dip" android:text="hello" 
     android:gravity="center_vertical" android:layout_alignParentLeft="true" 
     android:layout_toLeftOf="@+id/image"></TextView> 
    <TextView android:textSize="14dip" android:layout_height="wrap_content" 
     android:layout_width="fill_parent" android:id="@+id/txtViewDescription" 
     android:layout_marginLeft="10dip" android:text="hello2" 
     android:gravity="center_vertical" android:layout_below="@+id/txtViewTitle" 
     android:layout_toLeftOf="@+id/image"></TextView> 
</RelativeLayout> 

正如你說你想用它作爲一個ListView一排，我改變了父佈局「WRAP_CONTENT」的HIGHT。

Answer 2

希望這有助於

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
android:padding="3dip"> 
<ImageView android:id="@+id/image" 
android:layout_width="50dip" 
android:layout_height="fill_parent" 
android:layout_alignParentRight="true" 
android:layout_alignParentTop="true" 
android:layout_alignParentBottom="true" 
android:layout_marginLeft="3dip" 
android:scaleType="center" 
android:src="@drawable/arrow" 
android:gravity="center" /> 


<TextView android:id="@+id/txtViewDescription" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:gravity="center_vertical" 
android:textSize="14dip" 
android:text="hello" 
android:layout_alignParentBottom="true" 
android:layout_alignParentLeft="true" 
android:layout_toLeftOf="@+id/image" 
/> 

<TextView android:id="@+id/txtViewTitle" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:gravity="center_vertical" 
android:textSize="18dip" 
android:text="hello" 
android:layout_alignParentTop="true" 
android:layout_alignParentLeft="true" 
android:layout_toLeftOf="@+id/image" 
android:layout_above="@+id/txtViewDescription" 
/> 

Answer 3

你可以試試這個，但我不認爲你需要這個

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" android:layout_height="fill_parent" 
android:padding="6dip"> 


<TextView android:id="@+id/txtViewTitle" android:layout_width="250dip" 
    android:layout_height="200dip" android:gravity="center_vertical" 
    android:textSize="18dip" android:text="hello" /> 
<TextView android:id="@+id/txtViewDescription" 
    android:layout_below="@+id/txtViewTitle" android:layout_width="250dip" 
    android:layout_height="200dip" android:gravity="center_vertical" 
    android:textSize="14dip" android:text="hello" /> 

<ImageView android:id="@+id/image" android:layout_width="50dip" 
    android:layout_height="fill_parent" android:layout_marginLeft="3dip" 
    android:scaleType="center" android:layout_alignParentRight="true" /> </RelativeLayout> 

Answer 4

<LinearLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:orientation="vertical" 
     android:layout_width="wrap_content"  
    android:layout_height="fill_parent" 
    android:orientation="vertical"> 

    <TextView 
     android:id="@+id/txtViewTitle" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"   
     android:gravity="center_vertical" 
     android:textSize="18dip" 
     android:text="hello" 
    /> 
    <TextView 
     android:id="@+id/txtViewDescription" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:gravity="center_vertical" 
     android:textSize="14dip" 
     android:text="hello" 
     />  

<ImageView 
    android:id="@+id/image" 
    android:layout_width="50dip" 
    android:layout_height="fill_parent" 
    android:src="@drawable/arrow" 
    android:layout_marginLeft="3dip" 
    android:scaleType="center"/> 

</LinearLayout> 

Answer 5

，也許你可以使用RelativeLayout的更換的LinearLayout，因爲對於這樣一個並不複雜的用戶界面，該RelativeLayout的有更好的表現。