iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0
Mobile Development

Android Studio初學系列 第 4

Android Studio初學 DAY4 簡單的APP練習:計算BMI

  • 分享至 

  • xImage
  •  

利用前兩天所說的元件,就能做一個簡易的BMI計算工具了,今天就來介紹一下
首先先新增會用到的三個元件:button、textview以及edittext,我們都知道BMI的計算公式是體重/身高(公尺)的平方,程式碼的範例如下

public class MainActivity extends AppCompatActivity {
    private TextView textView7; 
    private TextView textView8; 
    private Button button; 
    private EditText editText; 
    private EditText editText2; 
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        // 連接元件到佈局中的相應視圖
        textView7 = findViewById(R.id.textView7); 
        textView8 = findViewById(R.id.textView8); 
        button = findViewById(R.id.button); 
        editText = findViewById(R.id.editTextText); 
        editText2 = findViewById(R.id.editTextText2); 
        
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // 讀取輸入的身高和體重
                double height = Double.parseDouble(editText.getText().toString()) / 100; // 計算身高(轉換成公尺)
                double weight = Double.parseDouble(editText2.getText().toString()); // 讀取體重
                
                // 計算BMI
                double bmi = weight / (height * height);
                
                String result;
                if (bmi < 18.5) {
                    textView8.setText("過輕");
                } else if (bmi > 24.0) {
                    textView8.setText("過重");
                } else {
                    textView8.setText("適中");
                }
                
                // 顯示計算結果,並將BMI值保留兩位小數
                String mBmi = String.format("%.2f", bmi);
                textView7.setText(mBmi);
            }
        });
    }
}

結果如下:

當按下button後,就可以幫你計算輸入在edittext的身高、體重的BMI了。
這是一個非常簡單的APP練習,之後講到更多元件時,也會做更多不同的小APP!/images/emoticon/emoticon07.gif


上一篇
Android Studio初學 DAY3 Button元件
下一篇
Android Studio初學 DAY5 LinearLayout介紹
系列文
Android Studio初學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言