iT邦幫忙

2021 iThome 鐵人賽

DAY 16
0

Day 16 - Android Studio 一個簡單的計數器
上次我們大致介紹了Andorid Studio,今天我們就直接來寫一個簡單的計數器吧,這個程式非常簡單。

我們要做的有以下這些:
1.一個TextView顯示我們的計數
2.三個按鈕分別控制我們的加減和歸零
3.加減和歸零的程式

程式

TextView就是我們在程式裡,顯示文字給我們使用者看的地方,可以設定其ID、位置、長寬、顏色等等,
按鈕可以綁定我們所寫的函式,進行控制之類的,那我們廢話不多說,就直接來寫程式吧!

新增三個按鈕到我們Design裡,你會發現有紅色的驚嘆號出現,這時候按pixel底下的魔法棒。
https://ithelp.ithome.com.tw/upload/images/20210916/20140419Si9YPvpLTk.png
變黃色後,點進去按fix,換來看我們的程式,先import兩個東西

import android.view.View//按鈕點擊
import android.widget.TextView//取得TextView的物件

以下是我們的程式,用show來顯示我們的sum,dec用來減,inc用來加,zero拿來歸零。

var sum = 0
fun show(sum:Int){
    val textView: TextView = findViewById(R.id.textView)
    textView.text = sum.toString()
}
fun dec(view: View){
    sum--
    show(sum)

}
fun inc(view: View){
    sum++
    show(sum)
}
fun zero(view: View){
    sum = 0
    show(sum)
}

接下來要將我們的程式綁到button上,點右邊橫的Attributes,並搜尋Onclick,並將我們的函式綁上去,這樣我們就可以運行看看我們的計數器了。
https://ithelp.ithome.com.tw/upload/images/20210916/20140419SOJRUkr1Ei.png
這樣我們第一個程式就算完成啦,不知道各位有沒有點成就感呢?


上一篇
Day 15 -New Project的開始
下一篇
Day 17 - Android Studio Toggle按鈕
系列文
來學習寫安卓手機的程式吧-Kotlin語言30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言