帧式布局实现自动切换颜色

最新推荐文章于 2024-04-02 08:06:46 发布

星灵梦境

最新推荐文章于 2024-04-02 08:06:46 发布

阅读量131

点赞数

本文链接：https://blog.csdn.net/qianyikang/article/details/112610751

版权

该博客介绍了一个安卓应用的实现，通过帧式布局动态切换TextView的颜色。在activity_main.xml中设置了三层TextView，并在主界面类中定义了颜色数组和Handler，通过点击‘开始’和‘停止’按钮实现颜色的周期性切换。颜色从红色、蓝色到绿色不断轮换，展示了Android编程中的动态效果和事件处理。

摘要由CSDN通过智能技术生成

安卓：帧式布局实现自动切换颜色
1.创建安卓应用
2.编写实现:
activity_main.xml

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

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

        <TextView
            android:id="@+id/tvBottom"
            android:layout_width="300dp"
            android:layout_height="300dp"
            android:layout_gravity="center"
            android:background="#ff0000"
            android:text="@string/bottom"
            android:textColor="#ffff00"
            android:textSize="30sp" />

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

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


    </FrameLayout>

    <LinearLayout
        android:layout_marginTop="20dp"
        android:layout_width="300dp"
        android:layout_height="50dp"
        android:gravity="center">
        <Button
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:text="@string/start"
            android:textSize="20sp"
            android:onClick="doStart"
            android:layout_marginRight="50dp"
            android:background="#04b102"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:text="@string/stop"
            android:textSize="20sp"
            android:onClick="doStop"
            android:background="#04b102"/>
    </LinearLayout>
</LinearLayout>

3.字符串资源文件

<resources>
    <string name="app_name">帧式布局：颜色切换</string>
    <string name="bottom">底层</string>
    <string name="middle">中层</string>
    <string name="top">顶层</string>
    <string name="start">开始</string>
    <string name="stop">结束</string>
</resources>

4。主界面类

import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private TextView tvBottom;
    private TextView tvMiddle;
    private TextView tvTop;
    private int[] colors;
    private Handler handler;
    private Thread thread;
    private boolean isRunning;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //利用布局资源设置用户界面
        setContentView(R.layout.activity_main);
        //通过资源标识符获取控件实例
        tvBottom = findViewById(R.id.tvBottom);
        tvMiddle = findViewById(R.id.tvMiddle);
        tvTop = findViewById(R.id.tvTop);
        //初始化颜色数组
        colors = new int[]{Color.RED, Color.BLUE, Color.GREEN};

        handler = new Handler() {
            @Override
            public void handleMessage(@NonNull Message msg) {
                super.handleMessage(msg);
                if (msg.what == 0x0001) {
                    //切换颜色
                    int temp = colors[0];
                    for (int i = 0; i < colors.length - 1; i++) {
                        colors[i] = colors[i + 1];
                    }
                    colors[colors.length - 1] = temp;
                    // 根据切换后的颜色数组来设置三层标签的背景色
                    tvBottom.setBackgroundColor(colors[0]);
                    tvMiddle.setBackgroundColor(colors[1]);
                    tvTop.setBackgroundColor(colors[2]);
                }
            }
        };

    }

    /**
     * 【开始】按钮单击事件处理方法
     */
    public void doStart(View view) {
        // 设置线程运行控制变量
        isRunning = true;
        // 创建子线程，定时发送消息
        thread = new Thread(new Runnable() {
            @Override
            public void run() {
                while (isRunning) {
                    // 向主线程发送消息
                    handler.sendEmptyMessage(0x0001);
                    // 让线程睡眠500毫秒
                    try {
                        Thread.sleep(500);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
            }
        });
        // 启动线程
        thread.start();
    }

    /**
     * 【停止】按钮单击事件处理方法
     */
    public void doStop(View view) {
        // 设置线程运行控制变量
        isRunning = false;
        // 销毁子线程
        thread = null;
    }
}