AndroidStudio相对布局

最新推荐文章于 2024-06-17 14:21:30 发布

原创最新推荐文章于 2024-06-17 14:21:30 发布 · 3.6k 阅读

49 ·

CC 4.0 BY-SA版权

文章标签：

#android studio #android

博客主要介绍了Android中RelativeLayout（相对布局）的常用属性，包括相对于父容器居中和对齐、相对于其它控件位置和对齐以及标识符问题，还给出了实例演示，如新建文件、插入图片、修改布局资源文件等操作步骤。

RelativeLayout常用属性（它们可以几个结合在一起使用）：

RelativeLayout类是ViewGroup的子类也就是相对布局

RelativeLayout常用属性（它们可以几个结合在一起使用）：

相对于父容器居中

属性	含义
layout_centerInParent	在父容器居中
layout_centerHorizontal	在父容器水平居中（true \| false）
layout_centerVertical	在父容器垂直居中

相对于父容器对齐

属性	含义
layout_alignParentLeft	与父容器左对齐
layout_alignParentRight	与父容器右对齐
layout_alignParentTop	与父容器顶对齐
layout_alignParentBottom	与父容器底对齐

相对于其它控件位置

属性	含义
layout_toLeftOf	在……左边
layout_toRightOf	在……右边
layout_above	在……上面
layout_below	在……下面

相对于其它控件对齐

属性	含义
layout_alignLeft	与……左对齐
layout_alignRight	与……右对齐
layout_alignTop	与……顶对齐
layout_alignBottom	与……底对齐
layout_alignBaseLine	与……基线对齐

标识符问题

标识符	含义
@+id/button	创建新的id（建议使用）
@id/button	引用已有的id

实例演示

1.新建一个文件

插入一张图片

打开字符串资源文件 strings.xml

在里面输入要用的值

具体代码：

<resources>
    <string name="app_name">相对布局演示</string>
    <string name="upper_left_corner">左上角</string>
    <string name="upper_right_corner">右上角</string>
    <string name="lower_left_corner">左下角</string>
    <string name="lower_right_corner">右下角</string>
    <string name="center">中央</string>
    <string name="upper_left">左上</string>
    <string name="upper_right">右上</string>
    <string name="lower_left">左下</string>
    <string name="lower_right">右下</string>
    <string name="upper_center">上中</string>
    <string name="left_center">左中</string>
    <string name="right_center">右中</string>
    <string name="butter_center">下中</string>
    <string name="ok">确定</string>
    <string name="cancel">取消</string>
</resources>

打开主布局资源文件：

改为相对布局并添加中央按钮

具体代码

<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"
    android:background="@drawable/img01"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/btu_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/center"
        android:layout_centerInParent="true"/>

</RelativeLayout>

以此类推添加其他按钮

具体代码：

<?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"
    android:background="@drawable/img01"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/btu_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/center"
        android:layout_centerInParent="true"/>
    <Button
        android:id="@+id/btu_upper_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/upper_left"
        android:layout_toLeftOf="@id/btu_center"
        android:layout_above="@id/btu_center"/>
    <Button
        android:id="@+id/btu_upper_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/upper_right"
        android:layout_toRightOf="@id/btu_center"
        android:layout_above="@id/btu_center"/>
    <Button
        android:id="@+id/btu_lower_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/lower_left"
        android:layout_toLeftOf="@id/btu_center"
        android:layout_below="@id/btu_center"/>
    <Button
        android:id="@+id/btu_lower_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/lower_right"
        android:layout_toRightOf="@id/btu_center"
        android:layout_below="@id/btu_center"/>
    <Button
        android:id="@+id/btu_ok"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/ok"
        android:layout_below="@id/btu_lower_left"
        android:layout_alignLeft="@id/btu_lower_left"/>
    <Button
        android:id="@+id/btu_cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cancel"
        android:layout_below="@id/btu_lower_right"
        android:layout_alignLeft="@id/btu_lower_right"/>
    <Button
        android:id="@+id/btu_upper_left_corner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="@string/upper_left_corner"/>
    <Button
        android:id="@+id/btu_upper_right_corner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="@string/upper_right_corner"/>
    <Button
        android:id="@+id/btu_lower_left_corner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"
        android:text="@string/lower_left_corner"/>
    <Button
        android:id="@+id/btu_lower_right_corner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:text="@string/lower_right_corner"/>
    <Button
        android:id="@+id/btu_upper_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/upper_center"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"/>
    <Button
        android:id="@+id/btu_left_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/left_center"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"/>
    <Button
        android:id="@+id/btu_right_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/left_center"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"/>
    <Button
        android:id="@+id/btu_butter_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/butter_center"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"/>



</RelativeLayout>

启动应用查看效果：