添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

👉关于作者

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

专注于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)

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

分类:
Android