Day-19 Button

本篇内容要介绍Button元件，
除了认识Button的语法、属性外，
同时也要为按钮设置监听及触发事件，
以完成指定动作。

首先於画面上建立一个TextView及Button，原始码如下

<TextView
    android:id="@+id/test"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="250dp"
    android:text="测试"
    android:textSize="30sp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.498"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
 <Button
    android:id="@+id/touch"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="100dp"
    android:text="点击"
    android:textSize="20sp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.498"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/test" />

执行後画面如图

接着我们要到java的地方进行撰写，目标是当Button点击後会改变TextView的字及颜色

1. 首先必续import会使用到的元件，於此范例中就是就是View、TextView及Button
2. 建立全域变数，private 类别 变数名称:
3. 为变数找到指定元件，变数名称 = findViewById(R.id.元件ID);
4. 为Button加入监听事件

变数名称.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            要执行的内容
        }
    });

 而此范例中执行的内容为改变TextView显示的字及颜色，因此撰写以下内容：
   TextView的ID.setText("欲显示内容");
   TextView的ID.setTextColor(Color.rgb(欲显示的颜色以RGB表示));

以下是完整的程序码

package com.example.cons;

import androidx.appcompat.app.AppCompatActivity;
import androidx.core.view.accessibility.AccessibilityViewCommand;

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

public class MainActivity extends AppCompatActivity {
    private TextView test;
    private Button touch;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        test = findViewById(R.id.test);
        touch = findViewById(R.id.touch);
        touch.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                test.setText("Boom!!!");
                test.setTextColor(Color.rgb(255, 0, 0));
            }
        });
    }
}

最後点击Button後的画面如下