如何轻松地将 LinearLayout 转换为relativelayout

Question

我有 4 个 LinearLayout，我想将其转换为 RelativeLayout。在这里使用我的 xml 作为我的首选格式：

• ImageButton
• ImageButton
• TextView
• Button

如何更改为 RelativeLayout 以始终显示第一个 ImageButton在最顶部，始终在最底部显示 Button，并在第一个 ImageButton 下方放置第二个 ImageButton，其中 TextView 位于第二个 ImageButton 和常规 Button 之间？

谢谢！

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

    <ImageView 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:id="@+id/image_view" />

    <TextView 
        android:text="@+id/TextView01"  
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:id="@+id/message" />

    <Button
        android:layout_gravity="center_horizontal"
        android:layout_width="fill_parent"
        android:textStyle="bold" 
        android:id="@+id/action_button"    
        android:selectAllOnFocus="false" 
        android:layout_height="100dip" 
        android:text="Click here to Crop"/>

</LinearLayout>

Answer 1

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

<ImageButton android:layout_below="@+id/Button01" 
            android:id="@+id/ImageButton01"     
            android:layout_height="wrap_content" 
            android:layout_alignParentTop="true" 
            android:layout_width="fill_parent">
</ImageButton>
<ImageButton android:layout_below="@+id/ImageButton01" 
            android:id="@+id/ImageButton02" 
            android:layout_height="wrap_content" 
            android:layout_width="fill_parent">
</ImageButton>
<TextView android:layout_height="wrap_content" 
             android:id="@+id/TextView01" 
             android:text="@+id/TextView01" 
             android:layout_width="wrap_content"      
             android:layout_below="@+id/ImageButton02">
</TextView>
<Button android:text="@+id/Button01" 
             android:id="@+id/Button01" 
             android:layout_height="wrap_content" 
             android:layout_alignParentBottom="true"   
             android:layout_width="fill_parent">
 </Button>
</RelativeLayout>

您也可能需要查看此处和此处

Answer 2

如果您使用可以帮助您设置布局参数选项的 IDE，则可以非常轻松地构建relativelayout。

例如，您需要的是 android:layout_alignParentTop="true" 和 android:layout_below="@id/xxxxxxxx"

此链接将帮助您开始：
http://developer.android.com/guide/topics/ui/layout -objects.html