Kotlin 開發第 1 天 Tap Counter (Button + TextView)


正式開始練習寫 Android App 的第一天,做一個點擊記數的應用。

  • 一個顯示當前數字的 TextView
  • 一個按鈕可以用來增加數字
  • 右上角一個 reset 按鈕,讓數字歸零

Components

  • TextView – iOS 的 UILabel
  • Button – iOS 的 UIButton
  • Menu – iOS 的 UINavigationBar

熟悉 AndroidStudio 開發環境

類似於 iOS 開發中使用 XIB 的情景,我們將 code 檔案和 layout 檔案分開來,而 Android 除了有可視化的編輯界面,也支持直接修改 xml 檔案。
res 資料夾下,通常在 layout 下放置 layout 資源,而 drawable 下會放其他素材,mipmap 可以根據不同解析度放置 icon。

1、我們在 res 資料夾下,建立 menu  資料夾以及對應的 menu_main.xml,來 customize menu

2、通過增加 item 的方式,在 menu 上加入按鈕,並設定 id 為 resetButton

3、onCreateOptionsMenu、以及 onOptionsItemSelected 這兩個方法。

4、使用了 when 語法,這個應該類似於 Swift 裡面的 Switch。

5、使用了  menuInflater 方法,讀取自定義的 menu(在 menu 右上方加了一個按鈕,並將 menu 的 layout 獨立了出來)

6、使用了 setOnClickListener 方法,給按鈕添加一個事件的監聽,用來計數。


系統版本分佈情況

看起來 4.4 + 5.0 + 5.1 + 6.0 + 7.0  加起來大概 90% 還蠻分散的

不像 iOS 基本上是最新版本向下兼容1個版本號,就能占到 90% 了。


Build 到手機上測試

第一天就遇到了通過 Android Studio 直接 Build 到手機上的問題。

當我想要直接通過 USB build app 到小米手機上的時候,Android Studio 跳出了錯誤提示。

後來查到小米手機需要在開發人員模式裡面去打開允許通過 USB 安裝 App 的選項。


設備解析度

Material Design – 這個網站可以看到多種設備的解析度,但應該是美國為主的設備。


參考

2 thoughts on “Kotlin 開發第 1 天 Tap Counter (Button + TextView)

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *