FrameLayout之我见

最新推荐文章于 2025-04-16 17:58:01 发布

原创最新推荐文章于 2025-04-16 17:58:01 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout #encoding #文档

Android 专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了Android中的帧布局，包括其设计目的、子视图显示原理及如何通过属性控制位置。并通过一个实例展示了如何使用帧布局堆叠不同尺寸的TextView。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Android中有着几种不同的布局，例如：线性布局、帧布局、表格布局、绝对布局和相对布局。之前一直对帧布局不是很理解，今天仔细看了看，就记录如下：

首先是看了一下官方文档的说明，以下是我个人的翻译，呵呵，英语太差，感觉翻译的不好：

帧布局被设计用来再屏幕上留下一个区域显示单个元素。一般地，帧布局应该被用来显示单个子视图，因为当多个子视图互相不重叠时，要想再不同尺寸的屏幕上组织多个子视图是非常困难的。当然，你还是可以添加多个子元素，并且通过给每个子元素指定

android:layout_gravity这个属性来控制它们在帧布局中的位置！

帧布局的子元素都放在一个栈中，最近添加的哪一个就是栈顶元素。帧布局的尺寸决定于它所包含的最大的那个子元素的尺寸(包括填充的区域(padding))，而不管它是否可见(如果它的父组件允许).

通过上面的介绍我们基本可以理解：可以在帧布局里面放置多个组件，这些组件从屏幕的左上角，也即屏幕坐标的(0,0)处开始显示，并且后面的组件会覆盖前面的组件！

我们这里通过在一个FrameLayout中放置3个TextView来实现帧布局，3个TextView必须设置不同的尺寸，而且从下到上尺寸要依次减小，否则覆盖后只能看到最后的那个组件，为了使效果明显，我们还将他们设置为不同的颜色！

这里我们只需设置布局文件即可，具体代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <FrameLayout android:id="@+id/FrameLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="200px"
            android:height="200px"
            android:background="#a00"/>
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="150px"
            android:height="150px"
            android:background="#0a0"/>
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="100px"
            android:height="100px"
            android:background="#00a"/>
        
    </FrameLayout>

</LinearLayout>