Android学习开发之路6——使用Framelayout实现霓虹灯效果

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

view plain copy to clipboard print ?

1. packageorg.crazyit.framelayout;
3. importjava.util.Timer;
4. importjava.util.TimerTask;
6. importandroid.app.Activity;
7. importandroid.os.Bundle;
8. importandroid.os.Handler;
9. importandroid.os.Message;
10. importandroid.widget.TextView;
12. publicclassFrameLayoutTestextendsActivity
13. {
14. privateintcurrentColor=0;
15. //定义一个颜色数组
16. finalint[]colors=newint[]
17. {
18. R.color.color7,
19. R.color.color6,
20. R.color.color5,
21. R.color.color4,
22. R.color.color3,
23. R.color.color2,
24. R.color.color1,
25. };
26. //颜色显示数组,view为TextView控件
27. finalint[]names=newint[]
28. {
29. R.id.View01,
30. R.id.View02,
31. R.id.View03,
32. R.id.View04,
33. R.id.View05,
34. R.id.View06,
35. R.id.View07
36. };
37. TextView[]views=newTextView[7];
38. @Override
39. publicvoidonCreate(BundlesavedInstanceState)
40. {
41. super.onCreate(savedInstanceState);
42. setContentView(R.layout.main);
43. for(inti=0;i<7;i++)
44. {
45. views[i]=(TextView)findViewById(names[i]);
46. }
47. //使用Handler进行消息处理
48. finalHandlerhandler=newHandler()
49. {
50. @Override
51. publicvoidhandleMessage(Messagemsg)
52. {
53. //表明消息来自本程序所发送
54. if(msg.what==0x1122)
55. {
56. //依次改变7个TextView的背景色
57. for(inti=0;i<7-currentColor;i++)
58. {
59. views[i].setBackgroundResource(colors[i+currentColor]);//改变背景色
60. }
61. for(inti=7-currentColor,j=0;i<7;i++,j++)
62. {
63. views[i].setBackgroundResource(colors[j]);
64. }
65. }
66. super.handleMessage(msg);
67. }
68. };
69. //定义一个线程周期性的改变currentColor变量值
70. newTimer().schedule(newTimerTask()
71. {
72. @Override
73. publicvoidrun()
74. {
75. currentColor++;
76. if(currentColor>=6)
77. {
78. currentColor=0;
79. }
80. //发送一条消息通知系统改变7个TextView组件的背景色
81. Messagem=newMessage();
82. //给该消息定义一个标识
83. m.what=0x1122;
84. handler.sendMessage(m);
85. }
86. },0,100);//周期为100毫秒
87. }
88. }

package org.crazyit.framelayout; import java.util.Timer; import java.util.TimerTask; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.widget.TextView; public class FrameLayoutTest extends Activity { private int currentColor = 0; //定义一个颜色数组 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, }; //颜色显示数组,view为TextView控件 final int[] names = new int[] { R.id.View01, R.id.View02, R.id.View03, R.id.View04, R.id.View05, R.id.View06, R.id.View07 }; TextView[] views = new TextView[7]; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); for (int i = 0 ; i < 7 ; i++) { views[i] = (TextView)findViewById(names[i]); } //使用Handler进行消息处理 final Handler handler = new Handler() { @Override public void handleMessage(Message msg) { //表明消息来自本程序所发送 if(msg.what == 0x1122) { //依次改变7个TextView的背景色 for(int i = 0 ; i < 7 - currentColor ; i++) { views[i].setBackgroundResource(colors[i + currentColor]); //改变背景色 } for(int i = 7 - currentColor , j = 0 ; i < 7 ; i++ ,j++) { views[i].setBackgroundResource(colors[j]); } } super.handleMessage(msg); } }; //定义一个线程周期性的改变currentColor变量值 new Timer().schedule(new TimerTask() { @Override public void run() { currentColor++; if(currentColor >= 6) { currentColor = 0; } //发送一条消息通知系统改变7个TextView组件的背景色 Message m = new Message(); //给该消息定义一个标识 m.what = 0x1122; handler.sendMessage(m); } }, 0 , 100); //周期为100毫秒 } }
对应的XML文件

view plain copy to clipboard print ?

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. >
7. <!--依次定义7个TextView,先定义的TextView位于底层
8. 后定义的TextView位于上层-->
9. <TextViewandroid:id="@+id/View01"
10. android:layout_width="wrap_content"
11. android:layout_height="wrap_content"
12. android:width="210px"
13. android:height="50px"
14. android:background="#ff0000"
15. />
16. <TextViewandroid:id="@+id/View02"
17. android:layout_width="wrap_content"
18. android:layout_height="wrap_content"
19. android:width="180px"
20. android:height="50px"
21. android:background="#dd0000"
22. />
23. <TextViewandroid:id="@+id/View03"
24. android:layout_width="wrap_content"
25. android:layout_height="wrap_content"
26. android:width="150px"
27. android:height="50px"
28. android:background="#bb0000"
29. />
30. <TextViewandroid:id="@+id/View04"
31. android:layout_width="wrap_content"
32. android:layout_height="wrap_content"
33. android:width="120px"
34. android:height="50px"
35. android:background="#990000"
36. />
37. <TextViewandroid:id="@+id/View05"
38. android:layout_width="wrap_content"
39. android:layout_height="wrap_content"
40. android:width="90px"
41. android:height="50px"
42. android:background="#770000"
43. />
44. <TextViewandroid:id="@+id/View06"
45. android:layout_width="wrap_content"
46. android:layout_height="wrap_content"
47. android:width="60px"
48. android:height="50px"
49. android:background="#550000"
50. />
51. <TextViewandroid:id="@+id/View07"
52. android:layout_width="wrap_content"
53. android:layout_height="wrap_content"
54. android:width="30px"
55. android:height="50px"
56. android:background="#330000"
57. />
58. </FrameLayout>

源码资料下载：

Android 应用功能150多个实例源码