iT邦幫忙

2025 iThome 鐵人賽

0
Mobile Development

app學習實作經驗系列 第 7

Day 7:練習Button點擊事件,顯示文字

  • 分享至 

  • xImage
  •  

今天的重點是練習「按下按鈕會發生事情」這件事,也就是讓App有一點互動。前幾天雖然已經接觸過Button,但今天是更完整地練習事件控制。

我在activity_main.xml裡放了一個TextView跟兩個Button,一個是「顯示文字」,另一個是「清除文字」。然後到 MainActivity.kt用findViewById把它們接起來:

val textView = findViewById(R.id.textView)
val showBtn = findViewById(R.id.showBtn)
val clearBtn = findViewById(R.id.clearBtn)

showBtn.setOnClickListener {
textView.text = "今天是Kotlin練習日!"
}

clearBtn.setOnClickListener {
textView.text = ""
}

剛開始忘了設定ID,結果程式找不到元件直接閃退,後來發現要先在XML裡設定好android:id="@+id/showBtn"。修好之後成功顯示文字。

今天學到的重點是按鈕事件(setOnClickListener),像是App的觸發機制,使用者按下去,就能執行我寫的程式。雖然目前只是讓文字出現或消失,但也很酷。

接下來我想試試看多做幾個按鈕,讓畫面能顯示不同訊息,甚至換圖片或顏色。現在覺得做App其實也蠻有趣的,只要邏輯清楚,實現起來沒想像中難。


上一篇
Day 6:嘗試修改 UI(TextView、Button、EditText)
下一篇
Day 8學習 ConstraintLayout 基礎
系列文
app學習實作經驗30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言