Android开发6：布局管理器3(帧布局FrameLayout-案例霓虹灯效果用到的知识点)

版本：Android4.3 API18  学习整理：liuxinming 

概念

  FramLayout直接继承了ViewGroup组件

API参考地址： http://android.toolib.net/reference/android/widget/FrameLayout.

理解：帧布局容器为每个加入其中的组件创建一个空白的区域(称为一帧)，每个子组件占据一帧，这些帧会根据gravity属性执行自动对齐。

FrameLayout常用XML属性及方法

XML属性	相关方法	说明
android:foreground	setForeground(Drawable)	设置该帧布局容器的前景图像
android:foregroundGravity	setForegroundGravity(int)	定义绘制前景图像的gravity属性

FrameLayout包含的子元素也受FrameLayout.LayoutParams控制，因此它所包含的子元素也可以指定android:layout_gravity 属性

XML布局代码

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <!-- 依次定义6个TextView,先定义的TextView位于底层 -->
    <TextView android:id="@+id/text01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="320dp"
        android:height="320dp"
        android:background="#f00"
        />
    <TextView android:id="@+id/text02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="280dp"
        android:height="280dp"
        android:background="#0f0"
        />
    <TextView android:id="@+id/text03"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="240dp"
        android:height="240dp"
        android:background="#00f"
        />
    <TextView android:id="@+id/text04"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="200dp"
        android:height="200dp"
        android:background="#ff0"
        />
    <TextView android:id="@+id/text05"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="160dp"
        android:height="160dp"
        android:background="#f0f"
        />
    <TextView android:id="@+id/text06"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="120dp"
        android:height="120dp"
        android:background="#00f"
        />
</FrameLayout>

我们简单来理解下上面代码干的事情

我们使用了FrameLayout布局，并向该布局容器中添加了6个TextView，这6个TextView高度完全相同，而宽度则逐渐减少

这样可以保证最先添加的TextView不会被完全遮挡

而且我们设置了6个不同颜色

调试效果图

霓虹灯效果

package com.example.framelayout;

import java.util.Timer;
import java.util.TimerTask;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.graphics.Color;
import android.view.Menu;
import android.widget.TextView;

public class MainActivity extends Activity {
	private int currentColor = 0;
	//定义一个颜色数组
	final int[] colors = new int[] {
			Color.MAGENTA,
			Color.BLUE,
			Color.GREEN,
			Color.GRAY,
			Color.YELLOW,
			Color.RED
	};
	//颜色显示组件，view为TextView控件
	final int[] names = new int[] {
			R.id.text01,
			R.id.text02,
			R.id.text03,
			R.id.text04,
			R.id.text05,
			R.id.text06
	};
	/**
	 * 在Activity中创建TextView控件数组
	 */
    TextView[] views = new TextView[names.length];
    /**
     * Handler 主要接受子线程发送的数据, 并用此数据配合主线程更新UI
     */
    Handler handler = new Handler(){
    	@Override
    	public void handleMessage(Message msg){
    		// 消息来自本程序所发送
    		if(msg.what == 0x123){
    			//循环设置TextView背景颜色
    			for (int i=0;i<names.length;i++){
    				views[i].setBackgroundColor(colors[(i+currentColor)%names.length]);
    			}
    			
    			currentColor++;
    		}
    		super.handleMessage(msg);
    	}
    	
    };
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		for (int i=0;i<names.length;i++){
			//通过findViewById()来获取布局中的SlidingDrawer对象
			//返回一个View对象
			views[i] = (TextView) findViewById(names[i]);
		}
		//定义一个线程周期性地改变currentColor变量值
		new Timer().schedule(new TimerTask()
		{
			public void run()
			{
				//发送一条空消息通知系统改变6个TextView组件的背景色
				handler.sendEmptyMessage(0x123);
			}
		},0,200);//200毫秒执行一次
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

结果：

上面Activity实现了每隔200毫秒更新6个TextView的背景颜色

用到的知识点

1、Handler():主要受子线程发送的数据，并用此数据配合主线程更新UI

       解释: 当应用程序启动时，Android首先会开启一个主线程 (也就是UI线程) , 主线程为管理界面中的UI控件，进行事件分发, 比如说, 你要是点击一个 Button, Android会分发事件到Button上，来响应你的操作。  如果此时需要一个耗时的操作，例如: 联网读取数据，或者读取本地较大的一个文件的时候，你不能把这些操作放在主线程中，如果你放在主线程中的话，界面会出现假死现象, 如果5秒钟还没有完成的话，会收到Android系统的一个错误提示  "强制关闭".  这个时候我们需要把这些耗时的操作，放在一个子线程中,因为子线程涉及到UI更新，Android主线程是线程不安全的，也就是说，更新UI只能在主线程中更新，子线程中操作是危险的. 这个时候，Handler就出现了来解决这个复杂的问题，由于Handler运行在主线程中(UI线程中)，它与子线程可以通过Message对象来传递数据，这个时候，Handler就承担着接受子线程传过来的(子线程用sedMessage()方法传弟)Message对象，(里面包含数据)  , 把这些消息放入主线程队列中，配合主线程进行更新UI。

2、Timer()计时器

      ①创建Timer()定时器：timer = new Timer()

      ②创建一个TimerTask,实现了Runnable接口，所以TimerTask就是一个子线程

     ==========定义计划任务，根据参数的不同可以完成一下种类的工作=========

     ① .schedule(TimerTask task, Date when) 在固定时间执行某任务

     ② .schedule(TimerTask task, Date when, long period) 在固定时间开始重复执行某任务，重复时间间隔可控

     ③ .schedule(TimerTask task, long delay) 在延迟多久后执行某任务

     ④ .schedule(TimerTask task, long delay, long period) 在延迟多久后重复执行某任务，重复时间间隔可控

    ==========华丽分割线============================

    timer.schedule(new TimerTask(),3000,1000); //3秒后开始倒计时，倒计时间隔为1秒

调试效果

欢迎Android , php 同学加群 QQ ：224784042 交流

学习的结果，依靠于每天的持之以恒！！不是特忙，特加班情况，会每天更新一篇Android学习笔记，欢迎大家互相交流，学习，共同进步。

偶菜鸟一枚！！！！！！

晚安！