使用帧动画实现颜色的切换

使用帧动画实现颜色的切换

使用线性布局嵌套了帧式布局,喜欢的可以了解下

这里是activity代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:gravity="center"
    android:orientation="vertical">


<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tv_bottom"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:background="#ff0000"
        android:text="@string/bottom_layer"
        android:textColor="#ffff00"
        android:textSize="30sp" />
    <TextView
        android:id="@+id/tv_middile"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_gravity="center"
        android:background="#0000ff"
        android:text="@string/bottom_layer"
        android:textColor="#ffff00"
        android:textSize="30sp" />

    <TextView
        android:id="@+id/tv_top"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:background="#00ff00"
        android:text="@string/bottom_layer"
        android:textColor="#ffff00"
        android:textSize="30sp" />


</FrameLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="0dp"
        android:gravity="center">

    <Button
        android:id="@+id/btn_start_color"
        android:layout_width="92dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="20dp"
        android:onClick="doStart_color"
        android:text="@string/start_color" />

        <Button
        android:id="@+id/btn_stop_color"
        android:layout_width="92dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:layout_gravity="center"
        android:onClick="doStop_color"
        android:text="@string/stop_color" />


    </LinearLayout>
</LinearLayout>

这里是string代码

<resources>
    <string name="app_name">帧式布局-切换颜色</string>
    <string name="bottom_layer">底层</string>
    <string name="middle_layer">中层</string>
    <string name="top_layer">顶层</string>
    <string name="start_color">开始</string>
    <string name="stop_color">停止</string>
</resources>

这是Java代码

package net.hw.a0402demo;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.widget.TextView;

/**
 * 功能:切换颜色
 * 作者:周晓芳
 * 日期:2018年10月17日
 */


public class MainActivity extends Activity {
    private TextView tvBottom;
    private TextView tvMiddle;
    private TextView tvTop;
    private int clickCont;
    private int[] colors;
    private  Thread thread;
    private Handler handler;
    private  Boolean i;
    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        //利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);
        //通过资源表示获得控件实例
        tvBottom = findViewById(R.id.tv_bottom);
        tvMiddle = findViewById(R.id.tv_middile);
        tvTop = findViewById(R.id.tv_top);
        handler = new Handler(){
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                if (msg.what==0x00){
                    clickCont++;
                    //淡季次数对3求余,判断次数是0,1,2,
                    clickCont = clickCont % 3;
                    switch (clickCont){
                        case 0:
                            colors = new int[] {Color.RED,Color.BLUE,Color.GREEN};
                            break;
                        case 1:
                            colors = new int[] {Color.BLUE,Color.GREEN,Color.RED};
                            break;
                        case 2:
                            colors = new int[] {Color.GREEN,Color.RED,Color.BLUE};
                            break;

                    }
                    //根据切换颜色后的数组来设置三层标签的颜色
                    tvBottom.setBackgroundColor(colors[0]);
                    tvMiddle.setBackgroundColor(colors[1]);
                    tvTop.setBackgroundColor(colors[2]);

                }
            }
        };


    }
    //切换颜色单击事件方法
    public void doStart_color(View view){
        i=true;
        thread = new Thread(new Runnable() {

            public void run() {
                while(i){
                    handler.sendEmptyMessage(0x00);
                    try {
                        Thread.sleep(300);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }

                }
            }
        });
        thread.start();

    }
    public  void  doStop_color(View view){
        i=false;
        thread= null;



    }


}