Android开发——RadioButton控件

Posted 2023-04-06 zhengyad123

一，简介

RadioButton(单选按钮)

如题单选按钮，就是只能够选中一个，所以我们需要把RadioButton放到RadioGroup按钮组中，从而实现 单选功能！先熟悉下如何使用RadioButton，一个简单的性别选择的例子： 另外我们可以为外层RadioGroup设置orientation属性然后设置RadioButton的排列方式，是竖直还是水平

效果图：

和    CheckBox(复选框)  区别

如题复选框，即可以同时选中多个选项，至于获得选中的值，同样有两种方式： 1.为每个CheckBox添加事件：setOnCheckedChangeListener 2.弄一个按钮，在点击后，对每个checkbox进行判断:isChecked()；

以上参考：2.3.5.RadioButton(单选按钮)&Checkbox(复选框) | 菜鸟教程 (runoob.com)https://www.runoob.com/w3cnote/android-tutorial-radiobutton-checkbox.html

二，实例

实现如下，按下按键，背景高亮

1，实现布局文件  .xml

<RadioGroup
        android:id="@+id/radioGroup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         .......>
        <RadioButton       
          style="@style/cus_radio"
          ......  />
        <RadioButton
         ......   />
        <RadioButton 
         .......  />
        <RadioButton   
         .......  />

 </RadioGroup>

2，style自定义控件样式，定义在style.xml文件中。

 3，以上实现了RadioButton布局和样式设计，的那如何实现点击高亮呢？

其实是在background里面实现的。

<item name="android:background">@drawable/radio_button</item>

4，drawable/radio_button。

radio_button.xml文件放在了在drawable文件下。

 5，radio_button_unselect.xml文件

  6，radio_button_select.xml文件

 

三，总结

drawable

Android从零单排系列十《Android视图控件——RadioButton》

目录

前言

一.RadioButton基本介绍

二.RadioButton常用主要属性介绍

三.RadioGroup中RadioButton使用的常见问题

四.基础DEMO示例

---

前言

小伙伴们，在上文中我们介绍了Android视图控件ImageView控件，本文我们继续盘点，介绍一下视图控件的第五个控件——RadioButton。

一.RadioButton基本介绍

 在 Android 应用开发中，RadioButton是单选按钮，允许用户在一个组中选择一个选项。同一组中的单选按钮有互斥效果。

二.RadioButton常用主要属性介绍

（1）button属性：主要用于图标大小要求不高，间隔要求也不高的场合。

（2）background属性：主要用于能够以较大空间显示图标的场合。

（3）drawableLeft属性：主要用于对图标与文字之间的间隔有要求的场合。

注意使用 background 或者 drawableLeft时 要设置 android:button="@null"

三.RadioGroup中RadioButton使用的常见问题

1.radiogroup中的radiobutton如何设置默认选中，可以看很早之前写的这篇文章。

RadioGroup中RadioButton默认选中问题

2.相信用过RadioGroup的同学都踩过很多坑，其中之一就是这个控件设计的不是很合理，不能设置里面的radiobutton的 排列方式（几行几列），导致我们开发的时候要调整里面的布局很是麻烦。

Radiogroup内如果有多个RadioButton如何设置自动换行并且保留点击事件，这个可以看我很早之前写的一篇文章 RadioGroup 自动换行且保留点击事件

3.适用于较少类型的  radiobutton单选换行功能

 Android 实现radiobutton单选换行效果

四.基础DEMO示例

activity_radiobutton.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <TextView
        android:id="@+id/button"
        android:text="【Android从零单排系列十】《Android视图控件——RadioButton》"
        android:background="@drawable/btn_selector"
        android:layout_width="match_parent"
        android:layout_marginTop="30dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_height="wrap_content"/>
    <RadioGroup
        android:id="@+id/radioGroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:orientation="horizontal">
        <RadioButton
            android:id="@+id/radioButton1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@null"
            android:checked="true"
            android:drawablePadding="10dp"
            android:layout_marginRight="30dp"
            android:drawableLeft="@drawable/radio_btn_selector"
            android:gravity="center"
            android:text="红色"
            android:textColor="#FF0033"/>
        <RadioButton
            android:id="@+id/radioButton2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawablePadding="10dp"
            android:drawableLeft="@drawable/radio_btn_selector"
            android:gravity="center"
            android:text="蓝色"
            android:textColor="#000000"/>
    </RadioGroup>
</LinearLayout>

RadioButtonActivity 

package com.example.myapplication;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;

public class RadioButtonActivity extends Activity 
    private RadioGroup radioGroup;
    private RadioButton radioButton1;
    private RadioButton radioButton2;

    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_radio_button);
        radioGroup = findViewById(R.id.radioGroup);
        radioButton1 = findViewById(R.id.radioButton1);
        radioButton2 = findViewById(R.id.radioButton2);

        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() 
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) 
                if(radioButton1.isChecked()) 
                    radioButton1.setTextColor(Color.RED);
                else
                    radioButton1.setTextColor(Color.parseColor("#000000"));
                

                if(radioButton2.isChecked()) 
                    radioButton2.setTextColor(Color.RED);
                else
                    radioButton2.setTextColor(Color.parseColor("#000000"));
                
            
        );
    

3.radio_btn_selector

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@mipmap/on"/>
    <item android:drawable="@mipmap/off"/>
</selector>