Android x Kotlin 實作課程:打造個人專屬計算機 APP EP5 處理按鈕點擊事件

閱讀時間約 7 分鐘

打造個人專屬計算機 APP 系列文章目錄:
https://vocus.cc/article/65acea9ffd897800019c13dc

課程摘要

本課程學習如何處理按鈕點擊事件並透過 Logcat 日誌輸出資訊確認按鈕邏輯是否正確。

教學影片

若您無法順利觀看教學影片,請先登入您的 YouTube 帳號,然後點擊以下連結加入我們的頻道會員:

  • 一般會員:成為一般會員後,您將能夠觀看我們所提供的一般會員專屬線上課程。
  • 精實會員:成為精實會員後,您將能夠觀看我們所提供的精實會員專屬線上課程。

範例程式碼

MainActivity.kt

private lateinit var processTextView: TextView
private lateinit var resultTextView: TextView

onCreate

processTextView = binding.processTextView
resultTextView = binding.resultTextVie

//binding.button0.setOnClickListener { ... }
//binding.button1.setOnClickListener { ... }

val buttons = listOf(
binding.button0,
binding.button1,
binding.button2,
binding.button3,
binding.button4,
binding.button5,
binding.button6,
binding.button7,
binding.button8,
binding.button9,
binding.buttonAllClear,
binding.buttonToggleSign,
binding.buttonDivide,
binding.buttonBackspace,
binding.buttonMultiply,
binding.buttonMinus,
binding.buttonPlus,
binding.buttonEquals,
binding.buttonDot
)

buttons.forEach { button ->
button.setOnClickListener { onButtonClick(button) }
}
}

onButtonClick

fun onButtonClick(button: Button) {
// 獲取按鈕的文字或其他相關屬性
val buttonText = button.text.toString()

Log.d("HKT","buttonText: $buttonText")
}

最後完成

class MainActivity : AppCompatActivity() {

private lateinit var binding: ActivityMainBinding
private lateinit var processTextView: TextView
private lateinit var resultTextView: TextView

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)

binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)

processTextView = binding.processTextView
resultTextView = binding.resultTextView

val buttons = listOf(
binding.button0,
binding.button1,
binding.button2,
binding.button3,
binding.button4,
binding.button5,
binding.button6,
binding.button7,
binding.button8,
binding.button9,
binding.buttonAllClear,
binding.buttonToggleSign,
binding.buttonDivide,
binding.buttonBackspace,
binding.buttonMultiply,
binding.buttonMinus,
binding.buttonPlus,
binding.buttonEquals,
binding.buttonDot
)
buttons.forEach { button ->
button.setOnClickListener { onButtonClick(button) }
}
}

private fun onButtonClick(button: AppCompatButton) {
val buttonText = button.text.toString()
Log.d("HKT","buttonText: $buttonText")
}
}
7會員
220內容數
哈囉!歡迎光臨我的沙龍!我是 KT,一位對應用程式開發充滿熱情的開發者。在這個專屬空間,我將與您分享我在應用開發領域的深入學習心得和豐富的實戰經驗。如果您對應用程式開發技術同樣充滿好奇,渴望不斷探索新知,歡迎成為我們的會員,一起在應用程式開發的旅途上,探索更深層次的技術世界,享受學習的樂趣。
留言0
查看全部
發表第一個留言支持創作者!
HKT實驗室 的其他內容
本課程學習如何修改按鈕外觀的方法,透過調整背景屬性和形狀。我們新增了四種背景顏色,修改每個按鈕的外觀。完成後,呈現不同按鈕風格。
本課程學習如何提取共同屬性,透過 Style 樣式包,套用至每個按鈕。來提升佈局的可讀性和好維護性。
本課程學習如何如何實作計算機介面,佈局文字元件及按鈕。學習使用 LinearLayout 垂直排列元件,調整背景色。透過 GridLayout 佈局計算機按鈕。
我們將深入介紹如何使用 Kotlin 在 Android 平台上開發一個簡單的計算機應用程式。這個課程的目標是教授大家如何通過點擊計算機鍵盤,輸入算式,並得到計算結果。透過這套課程,你將能夠熟練掌握 Kotlin 語言在 Android 開發中的實際應用,並輕鬆打造出屬於自己的計算機應用程式。
本課程學習如何修改按鈕外觀的方法,透過調整背景屬性和形狀。我們新增了四種背景顏色,修改每個按鈕的外觀。完成後,呈現不同按鈕風格。
本課程學習如何提取共同屬性,透過 Style 樣式包,套用至每個按鈕。來提升佈局的可讀性和好維護性。
本課程學習如何如何實作計算機介面,佈局文字元件及按鈕。學習使用 LinearLayout 垂直排列元件,調整背景色。透過 GridLayout 佈局計算機按鈕。
我們將深入介紹如何使用 Kotlin 在 Android 平台上開發一個簡單的計算機應用程式。這個課程的目標是教授大家如何通過點擊計算機鍵盤,輸入算式,並得到計算結果。透過這套課程,你將能夠熟練掌握 Kotlin 語言在 Android 開發中的實際應用,並輕鬆打造出屬於自己的計算機應用程式。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
承接上一篇換系統原因文,來實際講講我從Pixel換成iPhone 15 pro的遇到的困境,也是我建議要跳槽到iOS的人最好先注意的事情。 轉換期是可以預見的,網路上所有的評測幾乎都會這樣告訴你。 不過即使先有這樣的認知,我使用iPhone中的第一個月,還是適應得非常辛苦。 想用原生服務? 幾乎
Thumbnail
因為手機相機壞掉,這次iPhone 15 pro預購第一天就跟著上去開搶,9/22發售當天就拿到了iPhone。我過去是使用Android,使用至今約2個月,中間經過適應期,也有帶出國。以下分享我換機的原因與感想給有類似需求者,因為打太長了,上集就先分享換機理由好了...。 Android使用經驗
Thumbnail
Android版本的ChatGPT,它的語音系統讓我感覺到非常的驚艷,使我忍不住想要搶先來發表一下我的測試報告。 Android版本的ChatGPT在 8月1號正式在台灣上線,我現在已經在使用,不過很可惜的是,它對於一些在網頁版能夠使用的實驗性功能,並沒有辦法在Android app上使用。至少目
Thumbnail
主要物件: BiometricManager -檢查使用者是否有指紋辨識or是否設置密碼 BiometricPrompt -初始化指紋視窗 並且 呼叫指紋視窗 BiometricPromptInfo -指紋視窗的一些設定 Title , Description ... Coding: 結果:
 轉移自 LogDown 原文日期 January 19, 2016 14:35  Android 上常有些沒有在文件上,卻應該清楚的資訊,筆者稱其為 Android 的潛規則。 下面條列出筆者遇過的部分,會隨著踩過的坑繼續更新。   鬧鈴會因為開關機被清除,所以必須重新設定。 Androi
 轉移自 LogDown 原文日期 September 09, 2015 22:18  View animation (API1) 針對 View 的鏡花水月、海市蜃樓,物件本身沒變化,比如說:點擊和觸摸仍針對原處。   Tween animation 給我一個開始和結束
Thumbnail
轉移自 LogDown 原文日期  July 30, 2014 19:36  Gogo Monkey Run Kevin, Gogolook monkey runner     - auto-testing tool     - python monkey recorder     - co
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
承接上一篇換系統原因文,來實際講講我從Pixel換成iPhone 15 pro的遇到的困境,也是我建議要跳槽到iOS的人最好先注意的事情。 轉換期是可以預見的,網路上所有的評測幾乎都會這樣告訴你。 不過即使先有這樣的認知,我使用iPhone中的第一個月,還是適應得非常辛苦。 想用原生服務? 幾乎
Thumbnail
因為手機相機壞掉,這次iPhone 15 pro預購第一天就跟著上去開搶,9/22發售當天就拿到了iPhone。我過去是使用Android,使用至今約2個月,中間經過適應期,也有帶出國。以下分享我換機的原因與感想給有類似需求者,因為打太長了,上集就先分享換機理由好了...。 Android使用經驗
Thumbnail
Android版本的ChatGPT,它的語音系統讓我感覺到非常的驚艷,使我忍不住想要搶先來發表一下我的測試報告。 Android版本的ChatGPT在 8月1號正式在台灣上線,我現在已經在使用,不過很可惜的是,它對於一些在網頁版能夠使用的實驗性功能,並沒有辦法在Android app上使用。至少目
Thumbnail
主要物件: BiometricManager -檢查使用者是否有指紋辨識or是否設置密碼 BiometricPrompt -初始化指紋視窗 並且 呼叫指紋視窗 BiometricPromptInfo -指紋視窗的一些設定 Title , Description ... Coding: 結果:
 轉移自 LogDown 原文日期 January 19, 2016 14:35  Android 上常有些沒有在文件上,卻應該清楚的資訊,筆者稱其為 Android 的潛規則。 下面條列出筆者遇過的部分,會隨著踩過的坑繼續更新。   鬧鈴會因為開關機被清除,所以必須重新設定。 Androi
 轉移自 LogDown 原文日期 September 09, 2015 22:18  View animation (API1) 針對 View 的鏡花水月、海市蜃樓,物件本身沒變化,比如說:點擊和觸摸仍針對原處。   Tween animation 給我一個開始和結束
Thumbnail
轉移自 LogDown 原文日期  July 30, 2014 19:36  Gogo Monkey Run Kevin, Gogolook monkey runner     - auto-testing tool     - python monkey recorder     - co