使用 IBOutlet 和 IBAction 創作有趣的 App

BMR calculator

(1) App 畫面

(2) Github 連結

(3) App 畫面截圖

(4) 說明

操作說明

性別預設為男性,可由 segment controller 調整

生日由 date picker 選擇,依據 BMR 公式需求,對應的年齡必須在 15–80 歲之間

身高由 text field 輸入,必須介於正常數值 60–275 公分

體重由 text field 輸入,必須介於正常數值 20–300 公斤

進階選項預設為關閉,開啟時會在計算方式中加入體脂肪,且在結果顯示上會根據體脂肪高低顯示體態圖片

體脂肪由 slider 調整

若所有數值均符合標準,綠色勾會亮起,計算按鈕會由灰色(不可按)變成黑色(可按)

程式碼講解
First View Controller

我在 https://www.bensound.com/royalty-free-music/corporate-pop 下載了 10 首免費的背景音樂,在使用者進入 App 時,隨機播放

並將 navigation bar 調整為透明

在輸入畫面中(InputViewController),原 text field 輸入的數字鍵盤沒有 return 鍵,因此在鍵盤右上角加入 Done 鍵,提供使用者收回鍵盤

根據 date picker 的日期計算年齡

將需要用到的資料傳遞至顯示結果的 view controller

(5) 心得

這個 App 看起來非常簡單,但實作的過程中也是用到了一些還沒學過的方法,包含在數字鍵盤上方加入 “Done” 的按鈕,輸入身高、體重時,畫面上移、在兩個 view controller 之間傳遞資料...,收穫非常豐富,相當有成就感。