首页 > 代码库 > android FrameLayout详解

android FrameLayout详解

首先看演示:

技术分享

       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下载
最后,以上例子都来源与安卓无忧,请去应用宝或者豌豆荚下载:例子源码,源码例子文档一网打尽

 

android FrameLayout详解