帧布局实现霓虹灯效果

Framelayout即帧布局，使用这种布局可以把几个控件叠加在一起。使用Framelayout结合textview就可以实现一个简单的霓虹灯效果。

一、首先在XML中使用了FrameLayout布局并添加六个TestView文件，并设定了颜色和位置。

XML布局如下：

<?xmlversion="1.0"encoding="utf-8"?>
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"android:layout_height="match_parent">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:id="@+id/textView"
android:layout_gravity="right"
android:width="160pt"
android:height="160pt"
android:background="#f00"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:id="@+id/textView2"
android:layout_gravity="right"
android:width="140pt"
android:height="140pt"
android:background="#88ff00"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:id="@+id/textView3"
android:layout_gravity="right"
android:width="120pt"
android:height="120pt"
android:background="#ffffff"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:id="@+id/textView4"
android:layout_gravity="right"
android:width="100pt"
android:height="100pt"
android:background="#3be407"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:id="@+id/textView5"
android:layout_gravity="right"
android:width="80pt"
android:height="80pt"
android:background="#ffff88"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:id="@+id/textView6"
android:layout_gravity="right"
android:width="60pt"
android:height="60pt"
android:background="#8329c7"/>
</FrameLayout>

二、便于管理及调用将定义的六种颜色在colors.xml中定义

<?xmlversion="1.0"encoding="utf-8"?>
<resources>
<colorname="color1">#f00</color>
<colorname="color2">#88ff00</color>
<colorname="color3">#ffffff</color>
<colorname="color4">#3be407</color>
<colorname="color5">#ffff88</color>
<colorname="color6">#8329c7</color>
</resources>

三、MainActivity中主程序代码

packagehappy.framelayout;

importandroid.os.Bundle;
importandroid.os.Message;
importandroid.support.v7.app.AppCompatActivity;
importandroid.widget.TextView;
importjava.util.Timer;
importjava.util.TimerTask;
publicclassMainActivityextendsAppCompatActivity{

privateintcurrentColor=0;
//定义一个颜色数组
finalint[]colors=newint[]{
R.color.color1,
R.color.color2,
R.color.color3,
R.color.color4,
R.color.color5,
R.color.color6,

};

finalint[]names=newint[]{
R.id.textView,
R.id.textView2,
R.id.textView3,
R.id.textView4,
R.id.textView5,
R.id.textView6,
};
TextView[]views=newTextView[names.length];
//handler主要接收主线程发送的数据，并用此数据配合主线程更新UI
android.os.Handlerhandler=newandroid.os.Handler()
{
@Override
publicvoidhandleMessage(Messagemsg)
{
//表明消息来自本程序所发送
if(msg.what==0x234)
{
//依次改变testView的背景
for(inti=0;i<names.length;i++)
{
//收到一条msg就开始改变一次views的颜色（六个都依照colors的+currentcolor颜色来改）
views[i].setBackgroundResource(colors[(i
+currentColor)%names.length]);
}
currentColor++;
}
//将消息抛给父类，避免丢失
super.handleMessage(msg);
}
};
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.test);
for(inti=0;i<names.length;i++)
{
//为views设置初始颜色，（六个TestView）
views[i]=(TextView)findViewById(names[i]);
}
//定义一个线程周期性地改变currentColor变量值
newTimer().schedule(newTimerTask(){
@Override
publicvoidrun(){
//发送一条空消息通知系统改变6个TextView组件的背景色
handler.sendEmptyMessage(0x234);
}
},0,200);

}
}

四、动态霓虹灯效果