2012-11-24 126 views
-1

我需要您可以在圖片中看到的視圖順序。我的XML佈局文件如下。帶有ID eqlr_tv_question_commentTextView接管所有可用空間並且其他視圖不可見。ListView項目佈局性能

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/bg_list_row_9patch" > 

    <TextView 
     android:id="@+id/eqlr_tv_question" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_above="@+id/eqlr_tv_question_comment" 
     android:layout_alignParentLeft="true" 
     android:layout_centerVertical="true" 
     android:paddingBottom="@dimen/fifteen_dp" 
     android:paddingLeft="@dimen/ten_dp" 
     android:paddingTop="@dimen/fifteen_dp" 
     android:textColor="@android:color/white" 
     android:textSize="@dimen/list_row_text_size" /> 

    <ImageButton 
     android:id="@+id/eqlr_bt_create_comment" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_above="@id/eqlr_tv_question_comment" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:background="@drawable/bg_write_comment" 
     android:contentDescription="@string/write_comment" 
     android:paddingRight="@dimen/twenty_dp" /> 

    <TextView 
     android:id="@id/eqlr_tv_question_comment" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:background="@drawable/bg_comment_9patch" 
     android:textColor="@android:color/white" 
     android:textSize="@dimen/comment_text_size" /> 

</RelativeLayout> 

Desired views order

+0

我不知道如果代碼是完全按照你已經粘貼,但首先,我看到一些錯別字。 edlr_tv_question_comment id應聲明爲@ + id/eqlr_tv_question_comment,並且eqlr_tv_question中的layout_above屬性不應帶有+號。此外,嘗試刪除上方的TextView和ImageButton中的layout_centerVertical屬性。 – Jorge

回答

1

這兩個命令是相互排斥的:

android:layout_above="@+id/eqlr_tv_question_comment" 
    android:layout_centerVertical="true" 

同時刪除android:layout_centerVertical="true"屬性。

centerVertical優先,above被完全忽略。由於eqlr_tv_question_comment TextView是添加的最後一個視圖,因此它可能位於其他兩個視圖之上。

0

我將兩個LinearLayout s預設爲一個RelativeLayout

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/bg_list_row_9patch" 
     android:paddingBottom="@dimen/fifteen_dp" 
     android:paddingLeft="@dimen/ten_dp" 
     android:paddingRight="@dimen/ten_dp" 
     android:paddingTop="@dimen/fifteen_dp" > 

     <TextView 
      android:id="@+id/eqlr_tv_question" 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_gravity="center_vertical" 
      android:layout_weight="@dimen/exercise_list_row_tv_weight" 
      android:textColor="@android:color/white" 
      android:textSize="@dimen/list_row_text_size" /> 

     <ImageView 
      android:id="@+id/eqlr_bt_create_comment" 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_gravity="center_vertical" 
      android:layout_weight="@dimen/exercise_list_row_iv_weight" 
      android:background="@drawable/bg_write_comment" 
      android:contentDescription="@string/write_comment" /> 
    </LinearLayout> 

    <TextView 
     android:id="@+id/eqlr_tv_question_comment" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/bg_comment_9patch" 
     android:text="@string/test_indicator_descr" 
     android:textColor="@android:color/white" 
     android:textSize="@dimen/comment_text_size" /> 

</LinearLayout> 
+1

使用這樣的兩個佈局是不好的,並建議不要在文檔[http://developer.android.com/training/improving-layouts/optimizing-layout.html](http://developer.android.com/training /improving-layouts/optimizing-layout.html) –

+1

鏈接已關閉。新的鏈接:[優化佈局層次結構](http://developer.android.com/training/improving-layouts/optimizing-layout.html) – AlexS

0

我以前的想法是不好的,因爲使用嵌套佈局

  • 導致UI表現不佳,
  • android:drawableRight應改爲使用的ImageView如果 一個小圖標的應該是權文字(除非圖標可點擊)

<TextView 
    android:id="@+id/question" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/bg_list_row" 
    android:drawablePadding="20dp" 
    android:drawableRight="@drawable/btn_go" 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp" 
    android:textColor="@android:color/white" 
    android:textSize="24sp" 
    android:textStyle="bold" /> 

<TextView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/question" 
    android:background="@drawable/comment" 
    android:paddingLeft="10dp" 
    android:paddingRight="75dp" 
    android:text="@string/short_text" 
    android:textColor="@android:color/white" 
    android:textSize="15sp" />