最有效的方法來構建佈局

Question

我會有數百個這樣的佈局（請參閱下圖），所以我需要以最有效的方式構建它。有三個區域，兩個第一個由底線對齊，左邊一個包含ImageView，第二個包含兩個TextView。第二個是TextView。作爲容器使用TableLayout，第二個使用LinearLayout？它會有效嗎？謝謝。

Answer 1

試試這個

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".MainActivity" > 

<ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:layout_marginLeft="41dp" 
    android:layout_marginTop="39dp" 
    android:src="@drawable/ic_launcher" /> 

<LinearLayout 
    android:id="@+id/linearLayout1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_alignTop="@+id/imageView1" 
    android:layout_marginLeft="10dp" 
    android:layout_toRightOf="@+id/imageView1" 
    android:orientation="vertical" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="TextView 1" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="TextView 2" /> 
</LinearLayout> 

<TextView 
    android:id="@+id/textView2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@+id/linearLayout1" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:layout_below="@+id/imageView1" 
    android:text="TextView" /> 

Answer 2

第一sugestion是讓ImageView的「高」，所以它涵蓋了高度都TextViews，或者使底部的TextView廣泛覆蓋的ImageView和TextView的上..

它看起來更好，我看來，這空的空間正在刺傷我的眼睛痛..

然後我會建議TableLayout，當然這種佈局在不同的文件中，這樣你們可以重複使用它與包括..;）

歡呼聲，希望這有助於

Answer 3

的RelativeLayout在裏面你應該添加Image View與AlignParentLeft="true"和alignParenttop = "true"然後添加第一TextView爲ImageView的的RightOff和第二個文本視圖將它添加到LayoutBottom第一TextView

使用Relative Layouts，他們被認爲是從Linear Layouts更輕。

Answer 4

試試這個，它會exaclty給你，你已經在你的問題中描述的佈局：

<LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     > 
     <ImageView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:src="@drawable/img" /> 

     <RelativeLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1"> 

      <TextView 
       android:id="@+id/txt1" 
       android:layout_alignParentTop="true" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="textView1" /> 

      <TextView 
      android:id="@+id/txt2" 
      android:layout_below="@+id/txt1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:text="textView1" /> 
     </RelativeLayout> 
    </LinearLayout> 

Answer 5

試試這個：

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

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_launcher" /> 

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

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="chintan" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 

     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="khetiya" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 

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

      <TextView 
       android:id="@+id/textView3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="this is extra text and this will not spred under the imageview as you can see." 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 
     </LinearLayout> 
    </LinearLayout> 

</LinearLayout>