09学习记录

常用布局 - 帧式布局09

切换颜色
1、创建安卓应用【SwitchColor】

2、找到2、主布局资源文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<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>

<Button
    android:id="@+id/btnSwitchColor"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:onClick="doSwitchColor"
    android:text="@string/switch_color"
    android:textSize="20sp" />

3、找到字符串资源文件strings.xml  帧式布局：切换颜色 底层 中层 顶层 切换颜色 4、打开主界面MainActivity  package com.ql.switchcolor;

import androidx.appcompat.app.AppCompatActivity;

import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
private TextView tvBottom;
private TextView tvMiddle;
private TextView tvTop;
private int clickCount;
private int[] colors;

@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);
}

/**
 * 切换颜色单击事件处理方法
 *
 * @param view
 */
public void doSwitchColor(View view) {
    // 累加按钮单击次数 
    clickCount++;
    // 单击次数对3求余 
    clickCount = clickCount % 3;
    // 判断次数是0、1、2 
    switch (clickCount) {
        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]);
}

}
5、效果展示