本文实例讲述了Android开发实现布局帧布局霓虹灯效果。分享给大家供大家参考，具体如下：
效果图：
实现方式：
FrameLayout中，设置8个TextView，在主函数中，设计颜色数组，通过有序替换他们颜色，实现渐变效果。
java代码：MainActivity
public class MainActivity extends AppCompatActivity {
private int currentColor = 0;
/*
定义颜色数组 实现颜色切换 类似鱼片切换
*/
final int[] colors = new int[]{
R.color.color1,
R.color.color2,
R.color.color3,
R.color.color4,
R.color.color5,
R.color.color6,
R.color.color7,
R.color.color8
};
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,
R.id.view08
};
TextView[] views = new TextView[names.length];
Handler handler = new Handler(){
@Override
public void handleMessage(Message msg){
//表明消息由本日程发送
if(msg.what == 0x123){
for(int i = 0; i < names.length; i ){//更换颜色
views[i].setBackgroundResource(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 ){//更换颜色
views[i] = (TextView) findViewById(names[i]);
}
//定义一个线程改变current变量值
new Timer().schedule(new TimerTask() {
@Override
public void run() {
//发送一条空消息通知系统改变6个TextView颜色
handler.sendEmptyMessage(0x123);
}
}, 0, 300);
}
}
xml文件
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@ id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!--依次定义六个TextView，先定义的位于底层
后定义的位于上层-->
<TextView
android:id="@ id/view01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:width="320dp"
android:height="320dp"
android:background="#ea7500"/>
<TextView
android:id="@ id/view02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:width="280dp"
android:height="280dp"
android:background="#ff8000"/>
<TextView
android:id="@ id/view03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:width="240dp"
android:height="240dp"
android:background="#ff9224"/>
<TextView
android:id="@ id/view04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:width="200dp"
android:height="200dp"
android:background="#ffa042"/>
<TextView
android:id="@ id/view05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:width="160dp"
android:height="160dp"
android:background="#ffaf60"/>
<TextView
android:id="@ id/view06"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:width="120dp"
android:height="120dp"
android:background="#ffa042"/>
<TextView
android:id="@ id/view07"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:width="80dp"
android:height="80dp"
android:background="#ff9224"/>
<TextView
android:id="@ id/view08"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:width="40dp"
android:height="40dp"
android:background="#ff8000"/>
</FrameLayout>
color资源文件设置：
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#008577</color> <color name="colorPrimaryDark">#00574B</color> <color name="colorAccent">#D81B60</color> <color name="color1">#844200</color> <color name="color2">#d26900</color> <color name="color3">#ff9224</color> <color name="color4">#ffbb77</color> <color name="color5">#ffd1a4</color> <color name="color6">#ffaf60</color> <color name="color7">#ff8000</color> <color name="color8">#bb5e00</color> </resources>
改编自疯狂java第三版
更多关于Android相关内容感兴趣的读者可查看本站专题：《Android控件用法总结》、《Android开发入门与进阶教程》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android数据库操作技巧总结》及《Android资源操作技巧汇总》
希望本文所述对大家Android程序设计有所帮助。