Android开发--FrameLayout的应用

1.简介

frameLayout为框架布局，该布局的特点为层层覆盖，即最先放置的部件位于最下层，最后放置的部件位于最上层。

2.构建

如图所示，该视图中有五个TextView。其中，tv1放置在最底层，tv5放置在外层，即tv5将遮掩tv1的部分内容。

我们让五个TextView不断变换颜色，形成霓虹灯的效果。

    

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/FrameLayout1"
    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="example.framelayout.Activity1" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:text="@string/tv1" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="240dp"
        android:layout_height="240dp"
        android:layout_gravity="center"
        android:text="@string/tv2" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:layout_gravity="center"
        android:text="@string/tv3" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_gravity="center"
        android:text="@string/tv4" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_gravity="center"
        android:text="@string/tv5" />
</FrameLayout>

3.代码

public class Activity1 extends Activity implements Runnable{
    //定义五种颜色
    private int colors[]=new int[]{0xFF6495ED,0xFFEE82EE,0xFFFF69B4,0xFF6495ED,0xFF0000FF};
    //为每一种颜色定义索引
    private int nextcolor[]= new int[] {1,2,3,4,0};
    //定义当前颜色值的索引
    private int currentcolor=0;
    //handler
    private Handler handler;
    //声明五个TextView
    private View views[];
    
    @Override
    public void run() {
        int indexcolor=currentcolor;
        for(int i=views.length-1;i>=0;i--){
            views[i].setBackgroundColor(colors[nextcolor[indexcolor]]);
            indexcolor=nextcolor[indexcolor];
        }
        //为TextView的下一颜色做准备，indexcolor将为1，此时所有TextView将出现不同鱼第一次的颜色。
        currentcolor++;
        //由于数组长度为5，为防止数组越界，即出现nextcolor[5]的情况，需要让currentcolor重新开始。
        if(currentcolor==5)
                currentcolor=0;
        //启动handler,延时300ms
        handler.postDelayed(this, 300);
    }            
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        setContentView(R.layout.act1);
        //将TextView与ID匹配
        views=new View[] {findViewById(R.id.textView5),findViewById(R.id.textView4),
            findViewById(R.id.textView3),findViewById(R.id.textView2),
            findViewById(R.id.textView1)};
        handler=new Handler();
        //启动handler,延时300ms
        handler.postDelayed(this, 300);
    }

3.展示