【Androidアプリ開発入門】Buttonの使い方

2022年8月26日

Androidアプリ開発の基礎のButtonの使い方を解説していきます。

基本になるのでじっくりやっていきましょう。

プロジェクトの作成の方法はこちらで解説していますので、必要であれば読んでみてください。

2022年8月26日【入門】Androidアプリプロジェクト作成手順

バージョン

Android Studio Chipmunk | 2021.2.1 Patch 1

Kotlin 1.6.21

Buttonの配置

プロジェクトを作成したら activity_main を開いて中身を以下のように変更しましょう。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="クリック！"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

</android.support.constraint.ConstraintLayout>

デフォルトでは TextView が配置されていますが、

それを Button に変えて text を クリック！ に変更しています。

ここでビルドしてこのようになっていればOKです！

クリックイベント

次にクリックイベントを受け取るように実装します。

まずは MainActivity を開いて onCreate() の中身を以下のように変更します。

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        // ↓↓ここから
        val button = findViewById<Button>(R.id.button)
        button.setOnClickListener {
            Log.d("MainActivity", "クリック！")
        }
        // ↑↑ここまでを実装
    }
}

Button には setOnClickListener() というメソッドがあり、ここでクリックイベントを受け取ることができます。

今回はクリックした時にログ出力するようにしてみました。

ビルドをしてクリックした時に出力されればOKです！