Android开发实现布局帧布局霓虹灯效果示例

本文实例讲述了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>

改编自

更多关于android相关内容感兴趣的读者可查看本站专题：《android控件用法总结》、《android开发入门与进阶教程》、《android视图view技巧总结》、《android编程之activity操作技巧总结》、《android数据库操作技巧总结》及《android资源操作技巧汇总》

希望本文所述对大家android程序设计有所帮助。