趁著有點空閒,把閒著沒事時做的BMI計算機做個整理。

每天寫一點,預計三、四天把整理寫完,而此篇就先敘述需求及架構。

會想搞個BMI計算機是因為最近體重有不降反升的趨勢,而且還挺嚴重的。

故為了維持良好的體態,就必須記錄BMI的變化,好提醒自己控制。

首先,BMI的算式為:體重(公斤)/身高(公尺)的平方,也因此要有可以輸入身高、體重的地方。

再來,根據衛福部的資料,可以得知BMI結果有6類:體重過輕、健康體位、體重過重、輕度肥胖、中度肥胖與重度肥胖,所以要當計算結束後,必須顯示自己的結果為哪一類。

最後,計算結果必須記錄下來,好做追蹤。

綜合以上三點,我的Layout如下圖這樣。

bmi_calculator_0001.png  

為了執行時是全螢幕畫面顯示,故在onCreeat()中setContentView(R.layout.activity_main)之前需加入:

this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

this.requestWindowFeature(Window.FEATURE_NO_TITLE);

背景的漸層顏色則是直接用XML畫出來:

<gradient android:startColor="#AAFFFF" android:endColor="#FFFFAA" android:angle="45"/>

在UI編排上,上層是輸入身高與體重的EditText。

中間的圓形是一張圖,會根據得到的計算結果轉到相對應的位置。

底層的三個Button為控制動畫與音效的調整設定,計算BMI的開始計算,查歷史紀錄的檢閱紀錄。而為了要按下Button的表現,我做了兩張圖,比較暗的圖為使用者按下Button時的反應。

bmi_calculator_0002.png bmi_calculator_0003.png  

控制方面,則是用XML進行控制:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true" android:drawable="@drawable/button_calculate" />
<item android:state_pressed="true" android:drawable="@drawable/button_calculate_d" />
<item android:drawable="@drawable/button_calculate" />
</selector>

至此,也大致說得差不多了,下篇正式進入BMI的計算。

對Layout有興趣的人可以先到這裡抓下來看看,可以執行但請別進行任何操作。

因為沒有寫到程式,一旦操作就會...你懂得。

,

scarletdream 發表在 痞客邦 PIXNET 留言(0) 人氣()