第二章 UI组件
2-5 RadioButton
通常在一个组里面单选的时候会用到这个(结合RadioGroup使用),比如性别选男女
- 常用属性
- 自定义样式
- 监听事件
新建一个Activity叫做RadioButtonActivity
下面是MainActivity.java(之前是每一项都写一次,现在把他们写成一个方法):
package com.example.helloworld;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Switch;
public class MainActivity extends AppCompatActivity {
private Button mBtnTextView; //声明一个Button类型的变量,变量名为mBtnTextView
// 如果有报错,在出错地方按Alt+Enter键,会自动导入包
private Button mBtnButton;
private Button mBtnEditText;
private Button mBtnRadioButton;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mBtnTextView = findViewById(R.id.btn_textview); //找activity_main文件中设置的id
mBtnButton = findViewById(R.id.btn_button); //找activity_main文件中设置的id
mBtnEditText = findViewById(R.id.btn_edittext);
mBtnRadioButton = findViewById(R.id.btn_radiobutton);
setListeners();
}
private void setListeners(){
OnClick onClick = new OnClick();
mBtnTextView.setOnClickListener(onClick);
mBtnButton.setOnClickListener(onClick);
mBtnEditText.setOnClickListener(onClick);
mBtnRadioButton.setOnClickListener(onClick);
}
private class OnClick implements View.OnClickListener { //然后按快捷键Ctrl+O
@Override
public void onClick(View v) {
Intent intent = null;
switch (v.getId()) { //根据不同的id执行相应的操作
case R.id.btn_textview:
//跳转到TextView演示
intent = new Intent(MainActivity.this, TextViewActivity.class);
startActivity(intent);
break;
case R.id.btn_button:
//跳转到Button演示
intent = new Intent(MainActivity.this, ButtonActivity.class);
startActivity(intent);
break;
case R.id.btn_edittext:
//跳转到EditText演示
intent = new Intent(MainActivity.this, EditTextActivity.class);
startActivity(intent);
break;
case R.id.btn_radiobutton:
//跳转到RadioButton演示
intent = new Intent(MainActivity.this, RadioButtonActivity.class);
startActivity(intent);
break;
}
startActivity(intent);
}
}
}
常用属性
activity_radio_button.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="15dp">
<RadioGroup
android:id="@+id/rg_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<RadioButton
android:id="@+id/rb_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="男"
android:checked="true"
android:textSize="18sp"
android:textColor="#FF6600"/>
<RadioButton
android:id="@+id/rb_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="女"
android:textSize="18sp"
android:textColor="#FF6600"/>
</RadioGroup>
</RelativeLayout>
android:checked="true"
表示默认选中“男”,注意:如果要加这个属性,就要给每一个RadioButton都设置id,不设置的话这个属性会失效的
运行:
自定义样式
下面再设置一组,换一个样式:
新建一个drawable文件叫selector_orange_radiobutton.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true">
<shape>
<solid android:color="#AA6600"/>
<corners android:radius="15dp"/>
</shape>
</item>
<item android:state_checked="false">
<shape>
<stroke android:width="1dp"
android:color="#AA6600"/>
<corners android:radius="15dp"/>
</shape>
</item>
</selector>
activity_radio_button.xml里新加的内容为:
<RadioGroup
android:id="@+id/rg_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_below="@id/rg_1"
android:layout_marginTop="50dp">
<RadioButton
android:id="@+id/rb_3"
android:layout_width="60dp"
android:layout_height="30dp"
android:gravity="center"
android:text="男"
android:button="@null"
android:background="@drawable/selector_orange_radiobutton"
android:checked="true"
android:textSize="18sp"
android:textColor="#000"/>
<RadioButton
android:id="@+id/rb_4"
android:layout_width="60dp"
android:layout_height="30dp"
android:gravity="center"
android:text="女"
android:button="@null"
android:background="@drawable/selector_orange_radiobutton"
android:textSize="18sp"
android:textColor="#000"/>
</RadioGroup>
运行:
监听事件
RadioButtonActivity.java:
package com.example.helloworld;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;
public class RadioButtonActivity extends AppCompatActivity {
private RadioGroup mRg1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_radio_button);
mRg1=findViewById(R.id.rg_1);
mRg1.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) { //当前组和当前选中的id
RadioButton radioButton = group.findViewById(checkedId); //根据checkedId通过group.findViewById就能得到当前的radioButton。
Toast.makeText(RadioButtonActivity.this,radioButton.getText(),Toast.LENGTH_SHORT).show(); //显示所监听到的
}
});
}
}
运行: