前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android布局帧布局霓虹灯效果实现

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

作者头像
圆号本昊
发布2021-09-24 15:10:42
4640
发布2021-09-24 15:10:42
举报
文章被收录于专栏:github@hornhuang

效果图:

实现方式: FrameLayout中,设置8个TextView,在主函数中,设计颜色数组,通过有序替换他们颜色,实现渐变效果。

java代码:MainActivity

代码语言:javascript
复制
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文件

代码语言:javascript
复制
<?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资源文件设置:

代码语言:javascript
复制
<?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第三版

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018/11/06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档