Tap Counter

使用流程

1.設置 一個 TextView 與 一個 Button
2.按下 Button 後，number + 1 後顯示在TextView上
3.設置 Action Bar 的 Button 並給予 Reset 功能
4.按下 Reset Button 後 number 歸零
5.顯示至 TextView

製作流程

如何設置 Action Bar 的 Button ?

首先請先新增 Android Resource File 的 Menu

接著在 MainActivity override onCreateOptionsMenu

我們透過 menuInflater 中的 method - inflate 來將自定義的 menu 載入 menu 中

override fun onCreateOptionsMenu(menu: Menu?): Boolean {
        menuInflater.inflate(R.menu.reset_menu, menu)
        return true
    }

如何判斷我們所設置的 Button 被按下了呢?

override fun onOptionsItemSelected(item: MenuItem?): Boolean {

        when (item?.itemId) {
            R.id.reset -> {
                number = 0
                val resetNumber = number
                numberTv.text = resetNumber.toString()
            }
        }
        return false
    }

我們可以透過 onOptionsItemSelected 給予的參數 item 中取得使用者按下的 item

然後我們就可以透過 itemId 來確認使用者按下的按鈕

最後，我們需要回傳一個 Boolean 值

回傳 false 代表 他可以繼續檢查其他 itemId

而回傳 ture 則會停止檢查其他 itemId

因為在本例中，我們只有一個 item 所以回傳 ture 也是可以運作，但一般情況來說回傳 false 比較正確

如果想看更詳細的解講說請看 Stackoverflow

如果想要看更詳細的 code 請看 Github

tags: challenge kotlin ActionBar

明天見囉