【Android】撰寫第一支APP 計算BMI值 從1到2 (Eclipse)

前言

如果還沒安裝好Android模擬器可參考【Android Studio安裝教學】【Eclipse安裝】,雖然這邊提供兩個IDE安裝方法,但還是建議大家安裝Android Studio。

對於第一次開發Android的初學者來說,我覺得直接做一個簡單專案最有效果,以下教學不一定要全部都懂,只要知道畫面如何製作,程式要寫在哪邊這樣就夠了。

Android Studio看這篇【撰寫第一支APP 計算BMI值 從1到2 (Android Studio)

1.設計BMI值手機介面

所有手機畫面都會放在 Android Project → res →  layout底下,每個XML都代表一個介面。

首先到Android Project → res → layout 點選 activity_main.xml(名稱依據建立Project時命名為主),找到Palette視窗裡面有很多元件提供你設計畫面,找到需求的元件後拖拉到右方手機畫面

手機畫面設計

我們先拉4個Medium Text至手機畫面,負責顯示文字。

手機畫面設計
我們拖拉4個Medium Text至手機畫面,分別修改4個Medium Text的IDText由上到下分別為(Id/Texy):tv1/身高 tv2/體重 tv3/結果 tv4/診斷
BMI值畫面設計
接著再拉兩個Plain Text至身高、體重旁邊,修改這兩個Plain Text的ID分別為et1et2接著設定et1et2Input Type = number 限制輸入數字
BMI值畫面設計BMI值畫面設計
再拉一個按鈕Button ID不變 Text改為「送出」
BMI值畫面設計
可點選手機預覽畫面的下方,activity_main.xml查看原始碼
查看Source Coed

2.撰寫BMI值功能

我們進入到專案src底下點選*.java檔開始撰寫程式

JAVA 程式碼
程式碼如下:

3.基本錯誤排除

程式碼除錯
我們在寫程式時最常遇見的兩種錯誤
第一種 有可能是沒有匯入套件或宣告問題等可點擊左邊小圖示在匯入進去
第二種 就是你輸入的語法有錯誤,需要再檢查看看哪邊打錯
程式碼除錯

4.執行結果畫面

BMI執行畫面

Exp Up
Intent + Bundle 切換Activity並傳值 從2到3
 – 介面換頁並傳值

7 thoughts on “【Android】撰寫第一支APP 計算BMI值 從1到2 (Eclipse)

  1. 請問版主~在哪裡執行.結果畫面 呢? 因為目前使用的Android Studio版本在按鈕上還有一些位置差異很大,希望版主可以再針對新版本發新的教學,萬分感謝~

  2. 請問 這段程式碼 有甚麼用途呢?
    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
    }
    我把它隱藏之後 程式可以正常使用

    1. onCreateOptionsMenu 用於你有使用Menu功能時,它負責初始化Menu選項。

      此範例沒有用到Menu功能所以可以把這個方法刪除,因當初新增Layout系統自己產生沒有特別整理。

  3. 請問出現以下error會是甚麼問題呢???
    Error:(7, 28) No resource found that matches the given name (at ‘paddingBottom’ with value ‘@dimen/activity_vertical_margin’).

發表迴響