欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

android studio 相对布局

程序员文章站 2022-07-08 17:18:25
RelativeLayout :相对布局1.基于父控件的布局基于父控件可将父控件理解成整个框架 控件默认在左边android:layout_centerInParent="true" 基于父控件中间(正中间)android:layout_alignParentRight="true" 基于父控件右边(右方)android:layout_alignParentBottom="true" 基于父控件下方(下方)演示代码

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>

效果
android studio 相对布局


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>

效果
android studio 相对布局

本文地址:https://blog.csdn.net/weixin_46258925/article/details/109004753

相关标签: Android studio