布局管理器——帧布局

介绍

用例

介绍

帧布局由FrameLayout类代表，其直接继承了ViewGroup组件。帧布局容器为每个加入其中的组件创建一个空白的区域(称为一帧)，每个子组件占据一帧，这些帧会根据gravity属性执行自动对齐。

帧布局会把组件一个一个地叠加在一起，但不能将底层的帧移到上层。

用例

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="miss.neonlight.NeonLight">
<FrameLayout
android:layout_width="368dp"
android:layout_height="495dp"
android:orientation="vertical"
tools:layout_editor_absoluteY="8dp"
tools:layout_editor_absoluteX="8dp">

<!--定义7个TextView，先定义的TextView位于底层，后定义的位置上层-->

<TextView
android:id="@+id/view1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="368dp"
android:height="50dp"
android:background="#ff0000"/>

<TextView
android:id="@+id/view2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="338dp"
android:height="50dp"
android:background="#dd0000"/>

<TextView
android:id="@+id/view3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="308dp"
android:height="50dp"
android:background="#bb0000"/>

<TextView
android:id="@+id/view4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="278dp"
android:height="50dp"
android:background="#990000"/>

<TextView
android:id="@+id/view5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="248dp"
android:height="50dp"
android:background="#770000"/>

<TextView
android:id="@+id/view6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="218dp"
android:height="50dp"
android:background="#550000"/>

<TextView
android:id="@+id/view7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="188dp"
android:height="50dp"
android:background="#330000"/>

</FrameLayout>

</android.support.constraint.ConstraintLayout>

相应地界面展示结果：



如果周期性地滚动更新每个TextView的背景色，则可以形成霓虹灯效果。

摘自《疯狂Android讲义》