Android studioでボタンの中身をクリックで変えたい

Question

前提・実現したいこと

触ってみようと思い立って早速詰まってしまいました????
ボタンをクリックすることで、「クリック」→「クリックされました！」とボタンの中の文字を変更させたいです！

発生している問題・エラーメッセージ

エラーはapp>jave>MainActivityの部分に2つ出ています。

①e: 略/myapplication/MainActivity.kt: (12, 9): Unresolved reference: button

②e: 略/myapplication/MainActivity.kt: (13, 13): Unresolved reference: button

考え
どちらも、このbuttonって何？と聞かれているのかな？
xmlで作ったボタンのidを打ってるのになんで反映されないんだろう？
調べてみましたが、解決方法がわかりませんでした????

実行したこと

1,res>layout>activity_main.xmlでbuttonを1つ制作
2,buttonのidをbutton。textを「クリック」に変更。
3,上記のktにbutton.setOnClickListener{button.text = "クリックされました！"を追加

これ以外は何もしていません。

該当のソースコード

package app.iida.jessy.myapplication

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

class MainActivity : AppCompatActivity() {

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

        button.setOnClickListener{
            button.text = "クリックされました！"
        }
    }
}

Answer 1

まさに、この button って何？ と聞かれていますので、教えてあげてください。

// class の前に import を追加
import android.widget.Button

        // button を使う前に、それが何かを教えてあげる
        val button = findViewById<Button>(R.id.button)

Android Studio には Alt+Enter (Mac では Option+Return) で import を補完してくれる機能がありますので、うまく活用すると効率が上がると思います。

なお、以前は xml で id に button と書けば Kotlin でも button が使えるための仕組み (synthetic import) がありましたが、最近非推奨になってしまいました。(代わりに view binding というものが提供されてますが、ちょっと難しい気が…。)
参考: Kotlin Android Extensions syntheticsのdeprecatedに伴う対応 - Qiita

Comments

[jessy_iida]

なるほど、そのままやっちゃダメなんですね????
丁寧に教えていただけたおかげで、ボタンを動かすことができました！
ありがとうございます！