今天練習的重點是「讓使用者輸入資料,然後在畫面上顯示出來」。之前只有用過一個輸入框,這次要做兩個以上的 EditText,像是輸入姓名和年齡,再按下按鈕顯示在TextView上。
我在activity_main.xml放了兩個EditText,分別命名成nameEdit跟ageEdit,再加上一個Button跟一個 TextView。接著到MainActivity.kt裡面寫:
val name = findViewById(R.id.nameEdit)
val age = findViewById(R.id.ageEdit)
val button = findViewById(R.id.showBtn)
val result = findViewById(R.id.resultText)
button.setOnClickListener {
val userName = name.text.toString()
val userAge = age.text.toString()
result.text = "你好,$userName,今年 $userAge 歲"
}
第一次執行時我忘了加.toString(),然後程式跑不動,查了一下發現要把輸入內容轉成文字,修好後畫面上成功顯示訊息。
今天練習讓元件互相配合。以前只是看文字顯示,現在能讓使用者「輸入→回饋」真的有互動的感覺。雖然只是小功能,但讓我感受到App的邏輯是「畫面 + 程式」一起完成的。接下來想試試看多加幾個欄位,像輸入興趣或性別,讓畫面更完整。