前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【Android从零单排系列十】《Android视图控件——RadioButton》

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

作者头像
再见孙悟空_
发布2023-02-10 21:04:50
5450
发布2023-02-10 21:04:50
举报

目录

前言

一.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

代码语言:javascript
复制
<?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>
代码语言:javascript
复制
RadioButtonActivity 
代码语言:javascript
复制
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

代码语言:javascript
复制
<?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>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-08-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 一.RadioButton基本介绍
  • 二.RadioButton常用主要属性介绍
  • 三.RadioGroup中RadioButton使用的常见问题
  • 四.基础DEMO示例
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档