iT邦幫忙

2025 iThome 鐵人賽

0
Mobile Development

app學習實作經驗系列 第 9

Day 9:建立多個 EditText 輸入後顯示在 TextView

  • 分享至 

  • xImage
  •  

今天練習的重點是「讓使用者輸入資料,然後在畫面上顯示出來」。之前只有用過一個輸入框,這次要做兩個以上的 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的邏輯是「畫面 + 程式」一起完成的。接下來想試試看多加幾個欄位,像輸入興趣或性別,讓畫面更完整。


上一篇
Day 8學習 ConstraintLayout 基礎
下一篇
Day 10:嘗試 LinearLayout / RelativeLayout
系列文
app學習實作經驗30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言