Androidx学习笔记（7）--常见布局--相对布局

相对布局

RelativeLayout

• 组件默认左对齐、顶部对齐

• 设置组件在指定组件的右边

   android:layout_toRightOf="@id/tv1"
  

• 设置在指定组件的下边

  android:layout_below="@id/tv1"
  

• 设置右对齐父元素

  android:layout_alignParentRight="true"
  

• 设置与指定组件右对齐

   android:layout_alignRight="@id/tv1"

组件默认位置都是左上角，组件之间可以重叠 可以相对于父元素上下左右对齐，相对于父元素，水平居中、竖直居中、水平竖直同时居中 可以相对于其他组件上下左右对齐 可以布局于其他组件的上方、下方、左边、右边

示例

布局文件代码

<?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"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="中间"
        android:layout_centerInParent="true"
        />
    
    <Button 
        android:id="@+id/above"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="上边"
        android:layout_above="@id/center"
  <span style="color:#ff0000;">      android:layout_alignRight="@id/center"
        android:layout_alignLeft="@id/center"</span>
        />
    <Button 
        android:id="@+id/below"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="下边"
        android:layout_below="@id/center"
        android:layout_alignRight="@id/center"
        android:layout_alignLeft="@id/center"
        />
    
    <Button 
        android:id="@+id/left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左边"
 <span style="color:#ff0000;">       android:layout_toLeftOf="@id/center"
        android:layout_alignTop="@id/center"
        android:layout_alignBottom="@id/center"
        android:layout_alignParentLeft="true"</span>
        />
    <Button 
        android:id="@+id/right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右边"
        android:layout_toRightOf="@id/center"
        android:layout_alignTop="@id/center"
        android:layout_alignBottom="@id/center"
        android:layout_alignParentRight="true"
        />
    
    <Button 
        android:id="@+id/above_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左上"
        android:layout_toLeftOf="@id/center"
        android:layout_above="@id/center"
        android:layout_alignParentLeft="true"
        />
    <Button 
        android:id="@+id/below_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左下"
        android:layout_toLeftOf="@id/center"
        android:layout_below="@id/center"
        android:layout_alignParentLeft="true"
        />
    
     <Button 
        android:id="@+id/above_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右上"
        android:layout_toRightOf="@id/center"
        android:layout_above="@id/center"
        android:layout_alignParentRight="true"
        />
    <Button 
        android:id="@+id/below_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右下"
        android:layout_toRightOf="@id/center"
        android:layout_below="@id/center"
        android:layout_alignParentRight="true"
        />
</RelativeLayout>