Android控件系列之RadioButton与RadioGroup的基本使用

最新推荐文章于 2024-04-19 14:50:31 发布

原创最新推荐文章于 2024-04-19 14:50:31 发布 · 3.3w 阅读

25 ·

CC 4.0 BY-SA版权

文章标签：

#android #ui #radio button

Android，基础UI 专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了Android中的RadioButton和RadioGroup控件，讲解了如何在XML中设置RadioButton的选中状态以及如何通过监听事件获取选中状态。还分享了两种获取RadioButton点击事件的方法，并展示了操作效果。

RadioButton即单选框，是一种基础的UI控件。RadioGroup为我们提供了RadioButton单选按钮的容器，RadioButton通常放于RadioGroup容器中进行使用。RadioButton的选中状态，在xml文件中可以使用android:checked=""来进行设置，选中就设置为true，没选中就设置为false。

这里先贴上XML的代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<LinearLayout
android:id="@+id/ll_sex"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:orientation="horizontal" >

<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:text="性别："
android:textSize="15sp" />

<RadioGroup
android:id="@+id/sex"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal" >

<RadioButton
android:id="@+id/nan"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:checked="true"
android:gravity="center"
android:text="男" />

<RadioButton
android:id="@+id/nv"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:checked="false"
android:text="女" />
</RadioGroup>
</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_below="@+id/ll_sex"
android:orientation="horizontal" >

<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:text="爱好："
android:textSize="15sp" />

<RadioGroup
android:id="@+id/hobby"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal" >

<RadioButton
android:id="@+id/basketball"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:checked="true"
android:gravity="center"
android:text="篮球" />

<RadioButton
android:id="@+id/table_tenis"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:checked="false"
android:text="乒乓球" />

<RadioButton
android:id="@+id/badminton"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:checked="false"
android:text="羽毛球" />
</RadioGroup>
</LinearLayout>

</RelativeLayout>

这边我介绍两种获取RadioButton的监听事件处理方法：

方法一：通过获取点击的id来实例化并获取选中状态的RadioButton控件

// 实例化控件
		sex = (RadioGroup) findViewById(R.id.sex);

		// 方法一监听事件,通过获取点击的id来实例化并获取选中状态的RadioButton控件
		sex.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				// 获取选中的RadioButton的id
				int id = group.getCheckedRadioButtonId();
				// 通过id实例化选中的这个RadioButton
				RadioButton choise = (RadioButton) findViewById(id);
				// 获取这个RadioButton的text内容
				String output = choise.getText().toString();
				Toast.makeText(MainActivity.this, "你的性别为：" + output, Toast.LENGTH_SHORT).show();
			}
		});

效果图：

方法二：通过if的方法来对获取的id与实例化的xml中的RadioButton的ID进行判断，找出选中状态的RadioButton控件

hobby = (RadioGroup) findViewById(R.id.hobby);
		baskeball = (RadioButton) findViewById(R.id.basketball);
		table_tennis = (RadioButton) findViewById(R.id.table_tenis);
		badminton = (RadioButton) findViewById(R.id.badminton);
		// 方法二，通过if的方法来对获取的id与实例化的xml中的RadioButton的ID进行判断，找出选中状态的RadioButton控件
		hobby.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {

				if (baskeball.getId() == checkedId) {
					shuchu = baskeball.getText().toString();
				}
				if (table_tennis.getId() == checkedId) {
					shuchu = table_tennis.getText().toString();
				}
				if (badminton.getId() == checkedId) {
					shuchu = badminton.getText().toString();
				}
				Toast.makeText(MainActivity.this, "你喜欢的体育运动为：" + shuchu, Toast.LENGTH_SHORT).show();

			}
		});

效果图：