android studio 相对布局

最新推荐文章于 2023-02-04 13:09:01 发布

写bug给别人改

最新推荐文章于 2023-02-04 13:09:01 发布

阅读量328

点赞数 1

分类专栏： Android studio 文章标签： android studio

本文链接：https://blog.csdn.net/weixin_46258925/article/details/109004753

版权

Android studio 专栏收录该内容

24 篇文章 2 订阅

订阅专栏

这篇博客详细介绍了在Android Studio中如何使用RelativeLaout进行界面设计。首先讲解了基于父控件的布局，说明控件默认位于父控件的左边，并提供了演示代码和效果展示。接着，文章探讨了基于同级控件的布局方式，同样附带了布局效果的展示。

摘要由CSDN通过智能技术生成

RelativeLayout ：相对布局

1.基于父控件的布局

基于父控件可将父控件理解成整个框架控件默认在左边

android:layout_centerInParent="true"      基于父控件中间(正中间)
android:layout_alignParentRight="true"    基于父控件右边(右方)
android:layout_alignParentBottom="true"   基于父控件下方(下方)

演示代码

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

    <Button
        android:id="@+id/center_Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="中间按键" 
        android:layout_centerInParent="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右上角"
        android:layout_alignParentRight="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右下角"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左上角"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左下角"
        android:layout_alignParentBottom="true"/>

</RelativeLayout>

效果
在这里插入图片描述

2.基于同级控件的布局


android:layout_centerHorizontal="true"     在水平方向中间
android:layout_below="填控件id"            在什么控件的下方 
android:layout_above="填控件id"            在什么控件的上方
android:layout_toLeftOf="填控件id"		   在什么控件左边
android:layout_toRightOf="填控件id"        在什么控件右边

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="👇"
        android:layout_below="@id/center_Button"
        android:layout_centerHorizontal="true"
        />
    <!--

    另一种实现在中间下方的代码
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="👇"
        android:layout_below="@id/center_Button"
        android:layout_centerInParent="true"
        />

    -->


    <Button
        android:id="@+id/center_Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="中间"/>


    <Button
        android:id="@+id/center_hight_Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/center_Button"
        android:layout_centerHorizontal="true"
        android:text="👆"
        />

    <Button
        android:id="@+id/center_right_Button"
        android:layout_toLeftOf="@id/center_Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:text="<---"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/center_Button"
        android:text="--->"
        />

</RelativeLayout>