Android 範例BMI

幾乎每本android 的書，都會有BMI的範例，今天我們也來簡單實作一下。設計的UI如下圖。

可以看到這是利用Linearlayout 配置的，在activity_main.xml中執行layout 的配置

xml 中，先配置一個Linearlayout，其範圍是手機的全部頁面。內部的元件排列方式是以垂直式排列

android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"

裡面再插入三個Linearlayout，其排列方式改為水平排列

LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
>
    <TextView
        android:text="@string/height"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <EditText
        android:id="@+id/height"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

最下面放一顆按鈕，當按鈕被按下時，會呼叫btnBMI方法。

<Button
    android:id="@+id/btn_bmi"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:onClick="btnBMI"
    android:text="BMI"/>

而在MainActivity.java中

首先在onCreate的程式中透過findViewById的方法，取得在activity_main.xml 配置的 Edit元件

然後在btnClick中，將Edittext的值轉為float 型態。然後計算bmi後，將值秀在tv_bmi元件中。

好了可以執行看看囉