简单控件使用--计算BMI的例子

本文通过一个计算BMI的实例展示了Android开发中如何使用XML布局文件创建界面,涉及Button、TextView、RadioButton和EditText等控件的使用。在布局文件`main.xml`中配置各个元素,并在Activity的onCreate()方法内进行关联。为了响应Button点击事件,需让Activity实现OnClickListener接口,并在onClick()方法中添加相应操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在Android开发中,对于简单的布局和控件使用,可以直接使用xml文件来做布局。

下面用一个简单的计算BMI的例子来说明如何使用Button,TextView这些简单的控件。

布局文件如下: main.xml

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
android:id="@+id/widget0"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android" >

<TextView
android:id="@+id/showText"
android:layout_width="wrap_content"
android:layout_height="26px"
android:text="计算你的标准体重!"
android:textSize="25px"
android:layout_x="65px"
android:layout_y="21px">
</TextView>

<TextView
android:id="@+id/text_Sex"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="性别:"
android:layout_x="71px"
android:layout_y="103px">
</TextView>

<TextView
android:id="@+id/text_Height"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="身高:"
android:layout_x="72px"
android:layout_y="169px">
</TextView>

<RadioGroup
android:id="@+id/radioGroup"
android:layout_width="wrap_content"
android:layout_height="37px"
android:orientation="horizontal"
android:layout_x="124px"
android:layout_y="101px">
<RadioButton
android:id="@+id/Sex_Man"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="男">
</RadioButton>
<RadioButton
android:id="@+id/Sex_Woman"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="女">
</RadioButton>
</RadioGroup>


<EditText
android:id="@+id/height_Edit"
android:layout_width="123px"
android:layout_height="wrap_content"
android:text=""
android:textSize="18sp"
android:layout_x="124px"
android:layout_y="160px">
</EditText>

<Button
android:id="@+id/button_OK"
android:layout_width="80px"
android:layout_height="wrap_content"
android:text="计算"
android:layout_x="125px"
android:layout_y="263px">
</Button>
</AbsoluteLayout>



在这个文件中,定义了3个TextView,2个RadioButton,用于选择性别。一个EditText,用于输入身高。

一个Button,用于计算BMI。

若要使用此布局,则只需要在Activity的onCreate()方法中调用:

setContentView(R.layout.main);


每个控件都有很多内置的属性,其中android:id属性可以用来将Java代码中的控件和此控件联系起来。

Button btn = (Button)findViewById(R.id.button_OK);



对于Button控件,若要为其click事件添加响应函数,可以在Activity中这样做:

1. 让Activity实现OnClickListener这个接口

2. 为Button设置click listener

btn.setOnClickListener(this);

3. 在onClick函数中添加相应的操作

public void onClick(View v) 
{
    switch(v.getId())
    {
         case R.id.button_OK:
         break:
     }
}


完整的Activity的代码如下:

public class BMI extends Activity implements OnClickListener {
    /** Called when the activity is first created. */
	private EditText edit_height;
	private RadioButton radiobutton_Man, radiobutton_Woman;
	private Button btn = null;
	
    @Override
    public void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        edit_height = (EditText) findViewById(R.id.height_Edit);
        radiobutton_Man = (RadioButton) findViewById(R.id.Sex_Man);
        radiobutton_Woman = (RadioButton) findViewById(R.id.Sex_Woman);
        
        btn = (Button) findViewById(R.id.button_OK);
        btn.setOnClickListener(this);
        
    }
    
	public void onClick(View v) 
	{
		// TODO Auto-generated method stub
		switch(v.getId())
		{
			case R.id.button_OK:
				try 
				{
					/* 取得输入的身高*/
					double height = Double.parseDouble (edit_height.getText().toString());
					/* 取得选择的性别*/
					String sex = "";
					if (radiobutton_Man.isChecked()) 
					{
						sex = "M";
					} else 
					{
						sex = "F";
					}
					
					
				} 
				catch (Exception e) 
				{
					// TODO: handle exception
					Toast.makeText(this,"error", Toast.LENGTH_LONG).show();
				}
				break;
		}
			
	}
}


运行结果如图:


### 如何在 Android Studio 中创建 BMI 计算器 #### 用户界面设计 为了构建一个 BMI 计算器应用程序,可以使用 `LinearLayout` 来安排输入字段和按钮的位置。通过设置 `android:orientation="vertical"` 属性来使控件垂直排列[^2]。 以下是 XML 文件的一个简单示例: ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="16dp"> <!-- 输入身高 --> <EditText android:id="@+id/height_input" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入您的身高(厘米)" android:inputType="numberDecimal" /> <!-- 输入体重 --> <EditText android:id="@+id/weight_input" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入您的体重(公斤)" android:inputType="numberDecimal" /> <!-- 计算按钮 --> <Button android:id="@+id/calculate_button" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="计算BMI" /> <!-- 结果展示 --> <TextView android:id="@+id/result_textview" android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="18sp" android:gravity="center_horizontal" android:paddingTop="16dp" /> </LinearLayout> ``` #### Java/Kotlin 实现逻辑 接下来,在活动的 Java 或 Kotlin 类中编写业务逻辑以完成 BMI计算以及结果显示的功能。下面是一个基于 Kotlin 的实现例子: ```kotlin import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import kotlinx.android.synthetic.main.activity_main.* class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) calculate_button.setOnClickListener { val heightText = height_input.text.toString() val weightText = weight_input.text.toString() if (heightText.isNotEmpty() && weightText.isNotEmpty()) { val height = heightText.toFloat() / 100 // 将厘米转换为米 val weight = weightText.toFloat() val bmi = weight / (height * height) result_textview.text = String.format("您的BMI是 %.2f", bmi) when { bmi < 18.5 -> result_textview.append("\n偏瘦") bmi >= 18.5 && bmi < 24.9 -> result_textview.append("\n正常范围") bmi >= 25 -> result_textview.append("\n超重") } } else { result_textview.text = "请输入有效的数值!" } } } } ``` 此代码实现了基本的数据验证、BMI 计算及其分类显示功能[^1]。 #### 数据传递与页面跳转 如果希望进一步扩展该应用,比如将结果页单独放置在一个新活动中,则可以通过 `Intent` 进行数据传递[^4]。例如,当点击 “查看详细报告” 按钮时启动另一个 Activity 并传入计算得到的 BMI 值。 ```java val intent = Intent(this, ResultActivity::class.java).apply { putExtra("bmi_result", bmiValue) } startActivity(intent) ``` 接收端则需调用 `getIntent().getStringExtra()` 方法获取参数值。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值