Android Studio 相对布局RelativeLayout实例

桃扇骨 2023-07-23 13:57 170阅读 0赞

点此查看全部文字教程、视频教程、源代码

本文目录

    1. 相对布局含义
    1. 相对父视图布局
    1. 相对指定视图布局

1. 相对布局含义

相对布局分两种，一种是相对于当前控件的父视图布局，例如在父视图的中间，左下角之类的。

还有一种是相对于指定视图布局，在指定布局的右边，上边之类的。

2. 相对父视图布局

直接看实例即可：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  5.     <Button
  6.         android:layout_width="wrap_content"
  7.         android:layout_height="wrap_content"
  8.         android:layout_centerInParent="true"
  9.         android:textAllCaps="false"
  10.         android:text="centerInParent" />
  11.     <Button
  12.         android:layout_width="wrap_content"
  13.         android:layout_height="wrap_content"
  14.         android:layout_centerHorizontal="true"
  15.         android:textAllCaps="false"
  16.         android:text="centerHorizontal" />
  17.     <Button
  18.         android:layout_width="wrap_content"
  19.         android:layout_height="wrap_content"
  20.         android:layout_centerVertical="true"
  21.         android:textAllCaps="false"
  22.         android:text="centerVertical" />
  23.     <Button
  24.         android:layout_width="wrap_content"
  25.         android:layout_height="wrap_content"
  26.         android:layout_alignParentLeft="true"
  27.         android:textAllCaps="false"
  28.         android:text="alignParentLeft" />
  29.     <Button
  30.         android:layout_width="wrap_content"
  31.         android:layout_height="wrap_content"
  32.         android:layout_alignParentRight="true"
  33.         android:textAllCaps="false"
  34.         android:text="alignParentRight" />
  35.     <Button
  36.         android:layout_width="wrap_content"
  37.         android:layout_height="wrap_content"
  38.         android:layout_alignParentBottom="true"
  39.         android:textAllCaps="false"
  40.         android:text="alignParentBottom" />
  41. </RelativeLayout>

效果如下，具体不演示太多了，随用随查就行：
在这里插入图片描述

3. 相对指定视图布局

我们先定义一个视图元素，然后其他元素均相对于该元素布局。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  5.     <Button
  6.         android:id="@+id/btnHere"
  7.         android:layout_width="wrap_content"
  8.         android:layout_height="wrap_content"
  9.         android:layout_centerInParent="true"
  10.         android:textAllCaps="false"
  11.         android:text="centerInParent" />
  12.     <Button
  13.         android:layout_width="wrap_content"
  14.         android:layout_height="wrap_content"
  15.         android:layout_above="@+id/btnHere"
  16.         android:textAllCaps="false"
  17.         android:text="layout_above" />
  18.     <Button
  19.         android:layout_width="wrap_content"
  20.         android:layout_height="wrap_content"
  21.         android:layout_below="@+id/btnHere"
  22.         android:textAllCaps="false"
  23.         android:text="layout_below" />
  24.     <Button
  25.         android:layout_width="wrap_content"
  26.         android:layout_height="wrap_content"
  27.         android:layout_alignLeft="@+id/btnHere"
  28.         android:textAllCaps="false"
  29.         android:text="alignLeft" />
  30.     <Button
  31.         android:layout_width="wrap_content"
  32.         android:layout_height="wrap_content"
  33.         android:layout_alignTop="@+id/btnHere"
  34.         android:textAllCaps="false"
  35.         android:text="alignTop" />
  36. </RelativeLayout>

效果如下：
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读