Android帧布局实现霓虹灯的效果

效果图：

1、首先是main.xml文件的代码

<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:id="@+id/view0" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:background="#ff0000" android:height="200dp" android:width="200dp" /> <TextView android:id="@+id/view1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:background="#ff00ff" android:height="180dp" android:width="180dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:width="160dp" android:height="160dp" android:background="#bb0000" android:id="@+id/view2"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:width="140dp" android:height="140dp" android:layout_gravity="center" android:background="#990000" android:id="@+id/view3"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:width="120dp" android:height="120dp" android:layout_gravity="center" android:background="#770000" android:id="@+id/view4"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:width="100dp" android:height="100dp" android:layout_gravity="center" android:background="#550000" android:id="@+id/view5"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:width="80dp" android:height="80dp" android:layout_gravity="center" android:background="#330000" android:id="@+id/view6"/> </FrameLayout>

强调：android:layout_gravity="center" textview中的内容居中

2、创建一个colors.xml文件

<?xml version="1.0" encoding="utf-8"?> <resources> <color name="color1">#330000</color> <color name="color2">#550000</color> <color name="color3">#770000</color> <color name="color4">#990000</color> <color name="color5">#bb0000</color> <color name="color6">#dd0000</color> <color name="color7">#ff0000</color> </resources>
3、源代码LayoutChen.java

package cn.csdn.activity; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.widget.TextView; public class LayoutChenActivity extends Activity { final int[] colors=new int[]{ R.color.color7, R.color.color6, R.color.color5, R.color.color4, R.color.color3, R.color.color2, R.color.color1, }; final int[] names=new int[]{ R.id.view0, R.id.view1, R.id.view2, R.id.view3, R.id.view4, R.id.view5, R.id.view6, }; TextView view[]=new TextView[7]; class MyHandler extends Handler{ int i=0; public void handleMessage(Message msg){ i++; if(i>=6){ i=1; } for(int m=7-i,n=0;m<7;m++,n++){ view[m].setBackgroundResource(colors[n]); } for(int m=0;m<7-i;m++){ view[m].setBackgroundResource(colors[m+i]); } sleep(100); } public void sleep(int j){ sendMessageDelayed(obtainMessage(0),j); } } public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); for(int i=0;i<7;i++){ view[i]=(TextView) findViewById(names[i]); } final MyHandler myHandler=new MyHandler(); myHandler.sleep(100); }
使用了Android 提供的消息通讯类 Handler 。该类可以实现非主线程和负责 UI 的主线程之间的通信 ，进而间接实现非主线程更新 UI 界面。由于 sleep 方法中的
sendMessageDelayed(obtainMessage(0), delayMillis); 本身会延迟发送一个消息 ， 该消息会被框架传递给 handleMessage 事件 。 我们在 handleMessage() 方法中再次调用 sleep() 方法 ，形成一个循环调用 。 在我们对界面进行点击之前 ， 两个方法会一直循环调用 。 前景图片也会不断的切换，进而实现霓虹灯的效果。