上一节:
下一节:

  Android 相对布局（RelativeLayout）

  • Android 相对布局

    Android RelativeLayout使您可以指定子视图之间的相对位置。可以将每个视图的位置指定为相对于同级元素或相对于父级。

  • RelativeLayout 属性

    以下是RelativeLayout特有的重要属性-
    属性 说明
    android:id 这是唯一标识布局的ID。
    android:gravity 这指定对象应如何在X和Y轴上定位其内容。 可能的值是 top, bottom, left, right, center, center_vertical，center_horizontal等。
    android:ignoreGravity 这表明哪些视图不应受到重力的影响。
    使用RelativeLayout，您可以按右边框对齐两个元素，也可以在屏幕下方居中，在屏幕左侧居中等在另一个元素下方对齐。默认情况下，所有子视图都绘制在布局的左上角，因此您必须使用RelativeLayout.LayoutParams提供的各种布局属性来定义每个视图的位置，下面给出了一些重要的属性-
    属性 说明
    android:layout_above 将该视图的底部边缘定位在给定的锚视图ID上方，并且必须以“@[+][package:]type:name”的形式引用另一个资源
    android:layout_alignBottom 使该视图的底部边缘与给定锚视图ID的底部边缘匹配，并且必须以“@[+][package:]type:name”的形式引用另一个资源。
    android:layout_alignLeft 使该视图的左边缘与给定的锚视图ID的左边缘匹配，并且必须以“@[+][package:]type:name”的形式引用另一个资源。
    android:layout_alignParentBottom 如果为true，则使该视图的底部边缘与父视图的底部边缘匹配。必须为布尔值，“true”或“false”。
    android:layout_alignParentEnd 如果为true，则使该视图的末端边缘与父视图的末端边缘匹配。必须为布尔值，“true”或“false”。
    android:layout_alignParentLeft 如果为true，则使该视图的左边缘与父视图的左边缘匹配。必须为布尔值，“true”或“false”。
    android:layout_alignParentRight 如果为true，则使该视图的右边缘与父视图的右边缘匹配。必须为布尔值，“true”或“false”。
    android:layout_alignParentStart 如果为true，则使该视图的起始边缘与父视图的起始边缘匹配。必须为布尔值，“true”或“false”。
    android:layout_alignParentTop 如果为true，则使该视图的顶部边缘与父视图的顶部边缘匹配。必须为布尔值，“true”或“false”。
    android:layout_alignRight 使该视图的右边缘与给定的锚视图ID的右边缘匹配，并且必须以“@[+][package:] type:name”的形式引用另一个资源。
    android:layout_alignStart 使此视图的开始边缘与给定锚视图ID的开始边缘匹配，并且必须以“@[+][package:] type:name”的形式引用到另一个资源。
    android:layout_alignTop 使此视图的顶部边缘与给定锚视图ID的顶部边缘匹配，并且必须以“@[+][package:] type:name”的形式引用另一个资源。
    android:layout_below 将此视图的上边缘放置在给定的锚视图ID之下，并且必须以“@[+][package:] type:name”的形式引用另一个资源。
    android:layout_centerHorizo​​ntal 如果为true，则将此子级在其父级中水平居中。必须为布尔值，“ true”或“ false”。
    android:layout_centerInParent 如果为true，则将此子级在其父级中水平和垂直居中。必须为布尔值，“ true”或“ false”。
    android:layout_centerVertical 如果为true，则将此孩子垂直置于其父对象的中央。必须为布尔值，“ true”或“ false”。
    android:layout_toEndOf 将该视图的开始边缘定位到给定锚视图ID的末尾，并且必须以“@[+][package:] type:name”的形式引用另一个资源。
    android:layout_toLeftOf 将此视图的右边缘定位在给定的锚视图ID的左侧，并且必须是对另一个资源的引用，格式为“@[+][package:] type:name”。
    android:layout_toRightOf 将此视图的左边缘定位在给定的锚视图ID的右侧，并且必须是对另一个资源的引用，格式为“@[+][package:] type:name”。
    android:layout_toStartOf 将此视图的末端边缘定位到给定锚视图ID的开始，并且必须以“@[+][package:] type:name”的形式引用另一个资源

  • 示例：

    本示例将带您完成简单的步骤，以展示如何使用相对布局创建自己的Android应用程序。请按照以下步骤修改我们在“Hello World示例”一章中创建的Android应用程序-
    1. 您将使用Android Studio创建一个Android应用程序，并将其命名为Demo，位于com.jc2182.demo包下，如Hello World示例一章中所述。
    2. 修改res/layout/activity_main.xml文件的默认内容，以在相对布局中包含几个按钮。
    3. 运行该应用程序以启动Android模拟器并验证在该应用程序中所做更改的结果。
    以下是修改后的主要活动文件src/com.jc2182.demo/MainActivity.java的内容。该文件可以包括每个基本生命周期方法。 
    
package com.jc2182.demo;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}
    以下是res/layout/activity_main.xml文件的内容- 
    
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingLeft="16dp"
    android:paddingRight="16dp" >

    <EditText
        android:id="@+id/name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/reminder" />

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/name">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="新按钮"
            android:id="@+id/button" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="新按钮"
            android:id="@+id/button2" />

    </LinearLayout>

</RelativeLayout>
    以下是res/values/strings.xml的内容，以定义两个新的常量- 
    
<resources>
    <string name="app_name">Demo</string>
    <string name="reminder">输入您的用户名</string>
</resources>
    让我们尝试运行刚刚修改的应用程序。我假设您在进行环境设置时已创建了AVD。要从Android Studio运行该应用，请打开您项目的活动文件之一，然后工具栏中单击“运行”图标。Android studio将应用程序安装在您的AVD上并启动它，如果设置和应用程序一切正常，它将显示在“模拟器”窗口下面-
上一节:
下一节: