android FrameLayout详解

2022-12-20 13:27:16

首先看演示：

FrameLayout框架布局是最简单的布局形式。所有添加到这个布局中的视图都以层叠的方式显示。第一个添加的控件被放在最底层，最后一个添加到框架布局中的视图显示在最顶层，上一层的控件会覆盖下一层的控件。这种显示方式有些类似于堆栈。

当我们往里面添加组件的时候,所有的组件都会放置于这块区域的左上角;

帧布局的大小由子控件中最大的子控件决定,如果都组件都一样大的话,同一时刻就只能看到最上面的那个组件了。

1 layout_gravity

FrameLayout根本无法控制他的子控件的位置，子控件可以通过android:layout_gravity属性来控制自己在父控件中的位置,从而制定组件的对其方式。

2 layout_margin

FrameLayout布局里面的控件单独设置layout_margin类的属性没有效果。FrameLayout中的控件layout_margin设置要依赖layout_gravity属性，否则layout_margin设置无效。layout_gravity有好几个值可以设置，具体要设置哪一个呢？其实layout_gravity可以理解为设置控件的参考点，控件最终显示位置最终由layout_gravity和layout_margin共同决定。

如果想要控件正常显示，可以将控件的layout_gravity设置为top,以屏幕左上角为参考点。

3 前景图像:

永远处于帧布局最顶的,直接面对用户的图像,,就是不会被覆盖的图片

常用属性:

android:foreground:设置该帧布局容器的前景图像

android:foregroundGravity:设置前景图像显示的位置

帧布局在游戏开发方面用的比较多。当你需要自己写一个View的时候，在View里面已经完成了你的逻辑(例如游戏^_^)，那么这个View只需要一个容器放置，就可以使用FrameLayout了。虽然用其他的布局也可以，但是用最简单的不是更省系统资源么。

3应用实例

activity代码

package mm.shandong.com.testframelayout;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.MotionEvent;

import android.view.View;

import android.widget.Button;

import android.widget.FrameLayout;

public class TestFrameLayoutActivity extends AppCompatActivity {

    FrameLayout frameLayout;

    Button btn;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test_frame_layout);

        btn = (Button) findViewById(R.id.btn);

        frameLayout = (FrameLayout) findViewById(R.id.frameLayout);

        frameLayout.setOnTouchListener(new View.OnTouchListener() {

            @Override

            public boolean onTouch(View view, MotionEvent motionEvent) {

                int x = (int) motionEvent.getX();

                int y = (int) motionEvent.getY();

                int width = btn.getWidth();

                int height = btn.getHeight();

                btn.layout(x, y, x + width, y + height);

                return false;

            }

        });

    }

}

xml代码

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout 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"

    android:orientation="vertical">

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="下面是一个FrameLayout,默认布局" />

    <FrameLayout

        android:layout_width="match_parent"

        android:layout_height="80dp"

        android:background="#ff0000">

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="第一层"

            android:textColor="#00ff00"

            android:textSize="55sp" />

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="第二层"

            android:textColor="#0000ff"

            android:textSize="45sp" />

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="第三层"

            android:textColor="#00ffff"

            android:textSize="35sp" />

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="第四层"

            android:textColor="#ffff00"

            android:textSize="25sp" />

    </FrameLayout>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="下面是一个FrameLayout,通过layout_gravity和margin调节位置,并设置前景图片和背景颜色" />

    <FrameLayout

        android:layout_width="match_parent"

        android:layout_height="180dp"

        android:background="#ff0000"

        android:foreground="@drawable/red"

        android:foregroundGravity="right|bottom">

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="top|left"

            android:layout_marginLeft="20dp"

            android:layout_marginTop="0dp"

            android:text="左上 left:20 Top:0"

            android:textColor="#00ff00"

            android:textSize="15sp" />

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="top|left"

            android:layout_marginLeft="20dp"

            android:layout_marginTop="25dp"

            android:text="左上 left:20 Top:25"

            android:textColor="#00aa00"

            android:textSize="15sp" />

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="bottom|left"

            android:layout_marginBottom="20dp"

            android:layout_marginLeft="45dp"

            android:text="左下 left:45 Bottom:20"

            android:textColor="#0000ff"

            android:textSize="15sp" />

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="center"

            android:text="居中"

            android:textColor="#00ffff"

            android:textSize="15sp" />

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="right|top"

            android:layout_marginTop="30dp"

            android:text="右上 top 30"

            android:textColor="#ffff00"

            android:textSize="15sp" />

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="right|bottom"

            android:layout_marginBottom="80dp"

            android:text="最上层,仍被遮盖"

            android:textSize="15sp" />

    </FrameLayout>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="下面是一个FrameLayout,通过layout方法设置控件具体位置,请单击framelayou" />

    <FrameLayout

        android:id="@+id/frameLayout"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:background="#ff0000">

        <Button

            android:id="@+id/btn"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="请点击别处" />

    </FrameLayout>

</LinearLayout>

本人微博：honey_11

Demo下载
最后，以上例子都来源与安卓无忧，请去应用宝或者豌豆荚下载：例子源码，源码例子文档一网打尽

码农公寓

1 layout_gravity

2 layout_margin

3 前景图像:

3应用实例

相关文章