安卓笔记10.常用布局——相对布局

梦里梦外; 2024-04-01 12:09 61阅读 0赞

**目录**

零、学习目标

一、相对布局概述

1、布局特点

2、继承关系图

3、常用属性

（1）相对于父容器居中

（2）相对于其它控件的位置

（3）相对于其它控件对齐

（4）相对于父容器对齐

（5）标识符问题

二、实现步骤

1、创建安卓应用【RelativeLayoutDemo】

2、主布局资源文件activity\_main.xml

3、启动应用，查看效果

--------------------

## 零、学习目标 ##

1.  能说出相对布局常用的属性
2.  能利用相对布局实现比较复杂的界面设计

## 一、相对布局概述 ##

### 1、布局特点 ###

在相对布局中，一个控件的位置取决于它和其它控件的相对关系。

*  优点：使用比较灵活。
 *  缺点：复杂，掌握较难。

### 2、继承关系图 ###

###    3、常用属性 ###

####    （1）相对于父容器居中 ####

*  layout\_centerInParent 在父容器居中
 *  layout\_centerHorizontal 在父容器水平居中
 *  layout\_centerVertical 在父容器垂直居中

#### （2）相对于其它控件的位置 ####

*  layout\_toLeftOf 在……左边
 *  layout\_toRightOf 在……右边
 *  layout\_above 在……上面
 *  layout\_below 在……下面

#### （3）相对于其它控件对齐 ####

*  layout\_alignLeft 与……左对齐
 *  layout\_alignRight 与……右对齐
 *  layout\_alignTop 与……顶对齐
 *  layout\_alignBottom 与……底对齐
 *  layout\_alignBaseLine 与……基线对齐

#### （4）相对于父容器对齐 ####

*  layout\_alignParentLeft 与父容器左对齐
 *  layout\_alignParentRight 与父容器右对齐
 *  layout\_alignParentTop 与父容器顶对齐
 *  layout\_alignParentBottom 与父容器底对齐

#### （5）标识符问题 ####

*  @+id/button —— 创建新的id（建议
 *  @id/button —— 引用已有的id

## 二、实现步骤 ##

### 1、创建安卓应用【RelativeLayoutDemo】 ###

![45468acf1fcc46c4aacf6c1948f8facb.png][]![6f90cef13de34a409ea17b3c7a0e4d8e.png][]

### 2、主布局资源文件activity\_main.[xml][] ###

![e6483f6ff28b4d709ed78d6186fe4615.png][]

<?xml version="1.0" encoding="utf-8"?>
    <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">
    
        <Button
            android:id="@+id/btnCenter"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="中央"/>
    
        <Button
            android:id="@+id/btnUpperLeft"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/btnCenter"
            android:layout_above="@id/btnCenter"
            android:text="左上"/>
    
        <Button
            android:id="@+id/btnUpperRight"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/btnCenter"
            android:layout_above="@id/btnCenter"
            android:text="右上"/>
    
        <Button
            android:id="@+id/btnLowerLeft"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/btnCenter"
            android:layout_below="@id/btnCenter"
            android:text="左下"/>
    
        <Button
            android:id="@+id/btnLowerRight"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/btnCenter"
            android:layout_below="@id/btnCenter"
            android:text="右下"/>
    
        <Button
            android:id="@+id/btnOK"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/btnLowerLeft"
            android:layout_alignLeft="@id/btnLowerLeft"
            android:layout_marginTop="15dp"
            android:text="确定"/>
    
        <Button
            android:id="@+id/btnCancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/btnLowerRight"
            android:layout_alignLeft="@id/btnLowerRight"
            android:layout_marginTop="15dp"
            android:text="取消"/>
        
        <Button
            android:id="@+id/btnUpperLeftCorner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:text="左上角"/>
    
        <Button
            android:id="@+id/btnUpperRightCorner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:text="右上角"/>
    
        <Button
            android:id="@+id/btnLowerLeftCorner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentBottom="true"
            android:text="左下角"/>
    
        <Button
            android:id="@+id/btnLowerRightCorner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:text="右下角"/>
    
    </RelativeLayout>

*  查看设计视图
 *  ![0a44e77e617e4e52ae3cc09b4c9c014b.png][]

### 3、启动应用，查看效果 ###

![11d6cf4e09594b2fb255ac97caaa0e2a.png][]

[45468acf1fcc46c4aacf6c1948f8facb.png]: https://img-blog.csdnimg.cn/45468acf1fcc46c4aacf6c1948f8facb.png
[6f90cef13de34a409ea17b3c7a0e4d8e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/48efb657a6f34e358a7e785de83432e6.png
[xml]: https://so.csdn.net/so/search?q=xml&spm=1001.2101.3001.7020
[e6483f6ff28b4d709ed78d6186fe4615.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7238b99c769248fdb42f58629cb4b974.png
[0a44e77e617e4e52ae3cc09b4c9c014b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7593f7747bb74fb191e76dace4fcade7.png
[11d6cf4e09594b2fb255ac97caaa0e2a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/483ef646e2bc41fea167d989516d36ab.png