Android帧布局(Frame Layout)


FrameLayout是最简单的一个布局管理器。FrameLayout为每个加入其中的组件创建一个空白区域(一帧)，这些组件根据layout_gravity执行自动对齐，如果组件layout_gravity的值一样，那么后面添加的组件会覆盖之前的。如果没有指定layout_gravity，默认为固定在屏幕的左上角。下面以几个例子来说明。


1. 根据layout_gravity的值来控制组件的位置

Android帧布局(Frame Layout)_匿名内部类

图1

Xml代码如下：

<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"     android:paddingBottom="@dimen/activity_vertical_margin"     android:paddingLeft="@dimen/activity_horizontal_margin"     android:paddingRight="@dimen/activity_horizontal_margin"     android:paddingTop="@dimen/activity_vertical_margin"     tools:context="com.example.framelayout.MainActivity">      <TextView         android:id="@+id/view1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="top"         android:width="20px"         android:height="20px"         android:background="#f00"/>        <TextView         android:id="@+id/view2"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="bottom"         android:width="40px"         android:height="40px"         android:background="#0f0"/>        <TextView         android:id="@+id/view3"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="left|center"         android:width="60px"         android:height="60px"         android:background="#00f"/>        <TextView         android:id="@+id/view4"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="right"         android:width="80px"         android:height="80px"         android:background="#ff0"/>      <TextView         android:id="@+id/view5"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="right|center"         android:width="100px"         android:height="100px"         android:background="#f0f"/>        <TextView         android:id="@+id/view6"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="bottom|right"         android:width="120px"         android:height="120px"         android:background="#0ff"/>        <TextView         android:id="@+id/view7"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:width="140px"         android:height="140px"         android:background="#123"/>   </FrameLayout>





2. 霓虹灯图

Android帧布局(Frame Layout)_xml_02

图2

Xml代码如下：

<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"     android:paddingBottom="@dimen/activity_vertical_margin"     android:paddingLeft="@dimen/activity_horizontal_margin"     android:paddingRight="@dimen/activity_horizontal_margin"     android:paddingTop="@dimen/activity_vertical_margin"     tools:context="com.example.framelayout.MainActivity">      <TextView         android:id="@+id/view1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:width="320px"         android:height="320px"         android:background="#f00"/>        <TextView         android:id="@+id/view2"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:width="280px"         android:height="280px"         android:background="#0f0"/>        <TextView         android:id="@+id/view3"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:width="240px"         android:height="240px"         android:background="#00f"/>        <TextView         android:id="@+id/view4"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:width="200px"         android:height="200px"         android:background="#ff0"/>      <TextView         android:id="@+id/view5"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:width="160px"         android:height="160px"         android:background="#f0f"/>        <TextView         android:id="@+id/view6"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:width="120px"         android:height="120px"         android:background="#0ff"/>     </FrameLayout>




如果只是通过上面xml代码来控制，这是静态的霓虹灯效果，可以通过代码控制实现动态的霓虹灯效果，实现原理是一个Timer定时调用TimerTask类run()，run()发送消息，然后handler从消息队列中读取出消息，并动态刷新这6个view的背景色，这样就可以实现了动态霓虹灯效果了，代码如下：

package com.example.framelayout;   import java.util.Timer; import java.util.TimerTask; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.os.Message; import android.os.Handler; import android.util.Log; import android.view.Menu; import android.view.MenuItem; import android.widget.TextView;   public classMainActivity extends ActionBarActivity {    private int currentColor = 0;    protected static final String ACTIVITY_TAG="FramLayout";       final int[] colors = new int[] {R.color.color1,                             R.color.color2,                             R.color.color3,                             R.color.color4,                             R.color.color5,                             R.color.color6};       final int[] names = new int[] {R.id.view1,                             R.id.view2,                             R.id.view3,                             R.id.view4,                             R.id.view5,                             R.id.view6                             };       TextView[]views= newTextView[names.length];    //创建一个匿名内部类，此类继承父类Handler并重写handleMessage方法。并立即创建此类的一个实例，创建后由handler指向此对象
Handlerhandler= new Handler()    {       @Override       public void handleMessage(Messagemsg)       {          if(msg.what == 0x123)          {             for(int i = 0; i < names.length; i++)             {                 views[i].setBackgroundResource(colors[(i + currentColor) % names.length]);             }             currentColor++;             //Log.d(tag,message),把debug级别的日志打印到LogCat中             Log.d(ACTIVITY_TAG,"handleMessage()"+currentColor);          }          super.handleMessage(msg);//这里的super就是Handler       }    };      @Override    protected void onCreate(BundlesavedInstanceState) {       super.onCreate(savedInstanceState);       setContentView(R.layout.activity_main);       for(int i = 0; i < names.length; i++)       {          views[i] = (TextView)findViewById(names[i]);       }             //1.创建一个匿名内部类，此类继承父类TimerTask并重写run方法。       //2.创建一个Timer对象并调用schedule()来启动定时器       new Timer().schedule(new TimerTask()       {          @Override          public void run()          {             handler.sendEmptyMessage(0x123);          }       },0,200);      }   }





实现此代码过程中，说明几点：

(1)增加color资源文件

右键values，选择New--->Android Xml file，如下图：

Android帧布局(Frame Layout)_匿名内部类_03

图3

生成color.xml文件，增加内容后如下：

<?xml version="1.0"encoding="utf-8"?> <resources>    <color name="color1">#f00</color>    <color name="color2">#0f0</color>    <color name="color3">#00f</color>    <color name="color4">#ff0</color>    <color name="color5">#f0f</color>    <color name="color6">#0ff</color> </resources>




(2)匿名内部类

匿名内部类适合创建那种只需要一次使用的类，创建匿名内部类时会立即创建一个该类实例，这个类定义立即消失，匿名类不能重复使用，定义匿名内部类格式如下：

new 父类构造器(实参列表)|实现接口()

{

//匿名内部类的类体部分。

}

从上面定义可看出，匿名内部类必须继承一个父类，或实现一个接口，但最多只能继承一个父类或实现一个接口。


(3)定时器启动定时器方法schedule()

timer.schedule(newMyTask(),long time1,long timer2);


第一个参数，是 TimerTask 类，在包：import java.util.TimerTask .使用者要继承该类，并实现public void run() 方法，因为 TimerTask 类实现了 Runnable 接口。

第二个参数的意思是，当你调用该方法后，该方法必然会调用 TimerTask 类 TimerTask 类中的 run()方法，这个参数就是这两者之间的差值，转换成汉语的意思就是说，用户调用 schedule() 方法后，要等待这么长的时间才可以第一次执行run() 方法。

第三个参数的意思就是，第一次调用之后，从第二次开始每隔多长的时间调用一次 run() 方法。



(4)定位类所在的包

比如Handler在哪个包呢，在elipse中选择Handler，弹出下面的内容：

Android帧布局(Frame Layout)_父类_04

图4

选着红色矩形框选择的内容就会自动在java文件多了下面的内容：

import android.os.Handler;