一、RelativeLayout相对布局
1、概述
①RelativeLayout下级视图的位置是相对位置,得有具体发参照物才能确定最终位置;
②如果不指定下级视图的参照物,那么下级视图默认显示在RelativeLayout内部的左上角;
③用于确定视图位置的参照物分为两种,一种是与该视图平级的视图,另一种是该视图的上级视图;
2、相对位置的属性与类型的取值说明
3、说明
相对布局的视图位置一般会在XML布局文件中定义好,特殊情况下在代码中定义相对位置用到的是RelativeLayout.LayoutParams的addRule方法,该方法第一个参数是相对位置的类型(见上表),第二个参数是参照物资源视图的ID;
4、代码演示
<?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"
tools:ignore="HardcodedText">
<Button
android:id="@+id/btn"
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_centerHorizontal="true"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="上级垂直居中"
android:layout_centerVertical="true"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:text="上级左侧对齐"
android:layout_alignParentStart="true"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:text="上级右侧对齐"
android:layout_alignParentEnd="true"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="上级顶部对齐"
android:layout_alignParentTop="true"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="上级底部对齐"
android:layout_alignParentBottom="true"/>
<Button
android:id="@+id/btn5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="参照视图左边"
android:layout_centerInParent="true"
android:layout_toStartOf="@id/btn"/>
<Button
android:id="@+id/btn4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="参照视图右边"
android:layout_centerInParent="true"
android:layout_toEndOf="@id/btn"/>
<Button
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="参照视图上边"
android:layout_centerInParent="true"
android:layout_above="@id/btn"/>
<Button
android:id="@+id/btn2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="参照视图下边"
android:layout_centerInParent="true"
android:layout_below="@id/btn"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="参照视图左对齐"
android:layout_above="@id/btn1"
android:layout_alignStart="@id/btn"/>
<Button
android:id="@+id/btn3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="参照视图右对齐"
android:layout_below="@id/btn2"
android:layout_alignEnd="@id/btn"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="参照视图右对齐顶部对齐"
android:layout_alignTop="@id/btn3"
android:layout_alignEnd="@id/btn5"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="参照视图右对齐底部对齐"
android:layout_alignBottom="@id/btn3"
android:layout_alignStart="@id/btn4"/>
</RelativeLayout>
效果:
二、框架布局FrameLayout
1、概述
FrameLayout就像PS里面的图层一样,前面的视图在下级图层,后面的视图在上级图层;
2、常用属性
foreground:指定框架布局的前景图像,该图像在框架内部永远处于最顶层,不会被框架的其他视图覆盖;
foregroundGravity:指定前景图像的对其方式,取值通同Gravity;
3、代码演示
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
tools:ignore="HardcodedText">
<View
android:layout_width="300dp"
android:layout_height="300dp"
android:background="#000000"/>
<View
android:layout_width="200dp"
android:layout_height="200dp"
android:background="#ff0000"/>
<View
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#ffff00"/>
</FrameLayout>
效果:
标签:控件,RelativeLayout,C004Android,参照物,位置,视图,笔记,下级,图层 From: https://blog.51cto.com/u_13272819/6079195