如何轻松地将我的LinearLayouts转换为RelativeLayouts

时间:2010-11-23 21:15:17

标签: android xml android-linearlayout relativelayout

我有4个LinearLayout我要转换为RelativeLayout s。在这里使用我的xml,作为我的首选格式:

  • ImageButton
  • ImageButton
  • TextView
  • 按钮

如何更改为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>

2 个答案:

答案 0 :(得分:1)

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

你需要的是例如android:layout_alignParentTop =“true”和android:layout_below =“@ id / xxxxxxxx”

此链接可帮助您入门: http://developer.android.com/guide/topics/ui/layout-objects.html

答案 1 :(得分: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>

您也可以查看herehere