カテゴリ: Kotlin 更新日: 2025/11/09

Kotlinでボタンクリックイベントを実装する方法を初心者向けに解説!Androidアプリ開発の第一歩

Kotlinでボタンクリックイベントを実装する方法
Kotlinでボタンクリックイベントを実装する方法

先生と生徒の会話形式で理解しよう

生徒

「スマホアプリを作ってみたいんですけど、Kotlinでボタンを押したときに何かが起こるようにするにはどうすればいいですか?」

先生

「いいですね!Androidアプリ開発では、ボタンをタップしたときに動作する“クリックイベント”を使いますよ。」

生徒

「クリックイベントって、なんだか難しそうですね……」

先生

「心配いりません。これから、Kotlinを使ってボタンクリックイベントをわかりやすく解説していきましょう!」

1. クリックイベントとは?

1. クリックイベントとは?
1. クリックイベントとは?

Androidアプリ開発でよく使うのが「クリックイベント」です。これは、ユーザーが画面上のボタンをタップしたときに、何かの処理(メッセージを表示したり、画面を切り替えたり)を実行する仕組みのことです。

たとえば、「ログイン」ボタンを押したらログイン画面に進んだり、「送信」ボタンを押したら入力内容が送られたりします。

2. Androidアプリ開発に必要な基本構成

2. Androidアプリ開発に必要な基本構成
2. Androidアプリ開発に必要な基本構成

KotlinでAndroidアプリを作るには、以下の2つのファイルが基本になります。

  • レイアウトファイル(XML):画面の見た目を定義します。ボタンやテキストなどを配置します。
  • Kotlinファイル:アプリの動作を記述します。クリックされたときの動作などを書きます。

3. ボタンクリックイベントの実装例

3. ボタンクリックイベントの実装例
3. ボタンクリックイベントの実装例

ここでは、「ボタンを押すと“こんにちは!”と表示される」簡単なサンプルアプリを作ってみましょう。

まずは、画面レイアウトを定義するファイル(activity_main.xml)です。


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <Button
        android:id="@+id/myButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ボタンを押してね" />

    <TextView
        android:id="@+id/myTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ここに表示されます" />

</LinearLayout>

次に、Kotlinコードでクリックイベントを設定します。


import android.os.Bundle
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val button = findViewById<Button>(R.id.myButton)
        val textView = findViewById<TextView>(R.id.myTextView)

        button.setOnClickListener {
            textView.text = "こんにちは!"
        }
    }
}

4. Kotlinでのクリックイベントの書き方を解説

4. Kotlinでのクリックイベントの書き方を解説
4. Kotlinでのクリックイベントの書き方を解説

ポイントはsetOnClickListenerという部分です。これは「ボタンがクリックされたときに何をするか」を指定する関数です。

textView.text = "こんにちは!"は、テキストビューの表示を「こんにちは!」に変える処理です。

5. なぜfindViewByIdを使うの?

5. なぜfindViewByIdを使うの?
5. なぜfindViewByIdを使うの?

findViewByIdは、XMLで定義したボタンやテキストを、Kotlinコードの中で使えるようにするためのメソッドです。

例えば、ボタンのidがmyButtonであれば、findViewById<Button>(R.id.myButton)でそのボタンを取得できます。

6. クリックイベントはどんなときに使う?

6. クリックイベントはどんなときに使う?
6. クリックイベントはどんなときに使う?

クリックイベントは、次のような場面でよく使います。

  • ログインボタンや登録ボタンの処理
  • 商品のカート追加ボタン
  • ゲームでスタートを押す

スマホアプリで「ボタンを押す」ことはとても多いので、クリックイベントは基本中の基本です。

7. 実行結果を見てみよう

7. 実行結果を見てみよう
7. 実行結果を見てみよう

このアプリを実行してボタンを押すと、以下のようにテキストが変化します。


こんにちは!

8. よくある間違いと注意点

8. よくある間違いと注意点
8. よくある間違いと注意点
  • setContentViewより前にfindViewByIdを呼ばない:アプリが落ちてしまいます。
  • ボタンのidとKotlinで使っているR.id.〇〇が一致しているか確認しましょう。
  • クリックイベントの中身(setOnClickListener)が正しく書かれているかを見直すことも大切です。

9. 今回のポイントをふりかえろう

9. 今回のポイントをふりかえろう
9. 今回のポイントをふりかえろう

Kotlinでのクリックイベントは、Androidアプリ開発において非常に重要な基本テクニックです。setOnClickListenerを使うことで、ボタンが押されたときの動きを自由に設定することができます。

はじめての人でも、少しずつ慣れていけば楽しくアプリを作れるようになりますよ!

カテゴリの一覧へ
新着記事
Go言語の構造体でインターフェースを実装する方法を初心者向けにやさしく解説!
Kotlinの演算子一覧と使い方!算術・比較・論理演算子の基本を解説
Go言語の文字列フォーマット!fmt.Sprintfで簡単に出力を整形する方法
Go言語のエラーと例外の違いを初心者向けに整理!わかりやすく解説
人気記事
No.1
Kotlin・Go・Swift記事の人気No1
Swiftのwhile文とrepeat while文を完全マスター!初心者にもわかる繰り返し処理の使い方と違い
No.2
Kotlin・Go・Swift記事の人気No2
Android Studioのインストール手順と初期設定を初心者向けに完全解説!
No.3
Kotlin・Go・Swift記事の人気No3
Swift入門ガイド|基本構文と書き方をマスターしよう
No.4
Kotlin・Go・Swift記事の人気No4
Kotlinの正規表現(Regex)の使い方をやさしく解説!文字列操作の基本を初心者向けに学ぼう
No.5
Kotlin・Go・Swift記事の人気No5
Kotlinで画面を作る!レイアウトXMLとビューの基本操作をやさしく解説
No.6
Kotlin・Go・Swift記事の人気No6
Kotlinのwhen式を完全ガイド!初心者でもわかるパターンマッチング的な使い方
No.7
Kotlin・Go・Swift記事の人気No7
Kotlinのコンパニオンオブジェクトとは?初心者向けに使い方と役割をわかりやすく解説!
No.8
Kotlin・Go・Swift記事の人気No8
Swiftのオプショナル型とは?初心者でもわかる使い方とアンラップの基礎