如何創建相冊行佈局（以xml格式）？

Question

我想知道什麼是XML構建一排這樣的最佳方式：

有2 ImageViews（一個明星，一個用於蓋）和2 TextViews（一個用於「專輯」和一個用於「藝術家」）。我不確定哪種佈局是最好的，以及如何構建這一行。

Answer 1

您應該使用RelativeLayout（還有其他選擇太）：

<?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="match_parent" > 

    <ImageView 
     android:id="@+id/album_cover" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:src="the drawable" /> 

    <ImageView 
     android:id="@+id/star" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:src="the drawable" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_toLeftOf="@id/star" 
     android:layout_toRightOf="@id/album_cover" 
     android:text="Album" /> 

    <TextView 
    android:id="@+id/textView2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_toLeftOf="@id/star" 
    android:layout_toRightOf="@id/album_cover" 
    android:layout_below="@id/textView1" 
    android:text="Artist" /> 

</RelativeLayout> 

Answer 2

使用類似的東西：

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="fill_parent" 
    android:layout_width="fill_parent" 
    android:orientation="horizontal" 
    android:paddingBottom="2dip" 
    android:paddingTop="2dip" > 

    <ImageView 
     android:id="@+id/image1" 
     android:gravity="center" 
     android:layout_gravity="center" 
     android:layout_height="wrap_content" 
     android:layout_weight="6" 
     android:layout_width="fill_parent" /> 

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

     <TextView 
      style="@style/TextView" 
      android:id="@+id/text1" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:layout_width="fill_parent" 
      android:textStyle="bold" /> 

     <TextView 
      style="@style/TextView" 
      android:id="@+id/text2" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:layout_width="fill_parent" /> 
    </LinearLayout> 

    <ImageView 
     android:id="@+id/image2" 
     android:gravity="center" 
     android:layout_gravity="center" 
     android:layout_height="wrap_content" 
     android:layout_weight="6" 
     android:layout_width="fill_parent" /> 
</LinearLayout>