Android修行手册 - RadioGroup和RadioButton

👉关于作者

众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣！！！

专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）

欢迎关注公众号【空名先生】获取更多资源和交流！

👉前提

这是小空坚持写的Android新手向系列，欢迎品尝。

大佬（×）

新手（√）

👉实践过程

😜效果预览

😜基本使用

前面我们学了不少控件【Button】、【EditText】、【ImageView】、【TextView】、【Switch】、【Chip】等组件，上面的组件就能实现很多的用户交互，但这适用场景还是远远不够，有时候我们会有一个或者多个选项供用户勾选的需求（如同意APP的协议的时候）。

这就是今天我们说的主角【RadioGroup】和【RadioButton】。

RadioButton是最普通的UI组件之一，继承了Button类，可以直接使用Button支持的各种属性和方法。

RadioGroup继承至LinearLayout，所以LinearLayout的属性RadioGroup都可以使用，如布局横向或纵向。

RadioGroup和RadioButton的关系：

• RadioButton表示的是单个的圆形单选框，而RadioGroup是可以容纳多个RadioButton的控件

• 每个RadioGroup中的RadioButton是互斥的，同一时间内只能有一个被选中

• 因为每个RadioGroup是独立的，所以不同的RadioGroup中的RadioButton互不相干，比如组A中有一个选中了，组B中依然可以有一个被选中

如果想要隐藏圆圈，实现自定义样式可以【android:button="@null"】。

布局代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingTop="400dp">

    <RadioGroup
        android:id="@+id/rb_group"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:orientation="vertical">

        <RadioButton
            android:id="@+id/rb_km"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="空名先生" />

        <RadioButton
            android:id="@+id/rb_zm"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="芝麻粒儿" />
    </RadioGroup>

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:orientation="horizontal">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawableTop="@drawable/radiobutton"
            android:gravity="center"
            android:text="微信" />

         <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawableTop="@drawable/radiobutton"
            android:gravity="center"
            android:text="QQ" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawableTop="@drawable/radiobutton"
            android:gravity="center"
            android:text="知乎" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawableTop="@drawable/radiobutton"
            android:gravity="center"
            android:text="抖音" />
    </RadioGroup>
</LinearLayout>

radiobutton.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--未选中的图片-->
    <item android:drawable="@mipmap/icon_xin_no" android:state_checked="false" />
    <!--选中的图片-->
    <item android:drawable="@mipmap/icon_xin_yes" android:state_checked="true" />
</selector>

😜点击事件

监听器是注册在 RadioGroup 之上的，传入的回调是 RadioGroup 类当中的OnCheckedChangeListener接口，所以 Activity 实现的是RadioGroup.OnCheckedChangeListener接口，然后根据id对比进而做不同的处理

public class RadioActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_radio);
        RadioGroup radioGroup = findViewById(R.id.rb_group);
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int id) {
                switch (id){
                    case R.id.rb_km:
                        Toast.makeText(RadioActivity.this, "您点击了空名", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.rb_zm:
                        Toast.makeText(RadioActivity.this, "您点击了芝麻", Toast.LENGTH_SHORT).show();
                        break;
                }
            }
        });
    }
}

👉其他

📢作者：小空和小芝中的小空

📢转载说明-务必注明来源：芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢这位道友请留步☁️，我观你气度不凡，谈吐间隐隐有王者霸气💚，日后定有一番大作为📝！！！旁边有点赞👍收藏🌟今日传你，点了吧，未来你成功☀️，我分文不取，若不成功⚡️，也好回来找我。