Android 开发第七讲 RadioButton (单选按钮)

Android 开发第七讲 RadioButton (单选按钮)
- 一丶重构代码
- 二丶RadioButton属性与xml编写

Android 开发第七讲 RadioButton (单选按钮)

一丶重构代码

之前我们响应按钮事件都是直接通过匿名内部类的方式. new一个对象来实现OnClick方法.

现在因为按钮较多.所以新建内部类,实现接口为 View.OnClickListener 并且实现里面的OnClick方法

代码如下:

package com.ibinary.myapplication;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.sax.StartElementListener;
import android.view.View;
import android.widget.Button;
// Alt + Shift + Entery 引入此包
public class MainActivity extends AppCompatActivity {

//    声明Button 一会使用 如果找不到则引入这个包 Alt+Shift+Enter
    private Button m_BtnText;
    private Button m_BtnEditView;
    private Button m_ButtonView;
    private Button m_RadioButtonView;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        m_BtnText = (Button) findViewById(R.id.Btn_Text);
        m_BtnEditView = (Button) findViewById(R.id.EdtView1);
        m_ButtonView = (Button) findViewById(R.id.m_BtnView);
        m_RadioButtonView = (Button) findViewById(R.id.RadioButton_Id);
        SetListener();
    }
    private void SetListener()
    {
        MyOnClick myOnClick = new MyOnClick();
        m_BtnText.setOnClickListener(myOnClick);
        m_BtnEditView.setOnClickListener(myOnClick);
        m_ButtonView.setOnClickListener(myOnClick);
        m_RadioButtonView.setOnClickListener(myOnClick);
    }
//    实现接口,在街口里面判断
    private class MyOnClick  implements View.OnClickListener{

    @Override
    public void onClick(View view) {

        Intent intent = null;
        switch (view.getId()){
            case R.id.Btn_Text:
                //跳转到TextView中
                intent = new Intent(MainActivity.this,TextViewActive.class);
                break;
            //跳转到Button页面
            case R.id.m_BtnView:
                intent =  new Intent(MainActivity.this,MyButton.class);
                break;
            //跳转到ExtView页面
            case R.id.EdtView1:
                intent = new Intent(MainActivity.this,EdtActive.class);
                break;
            //跳转到RadioButton页面
            case R.id.RadioButton_Id:
                intent = new Intent(MainActivity.this,RadioActivity.class);
                break;
        }
        if (intent == null) {
            return;
        }

        startActivity(intent);
    }
}
}

二丶RadioButton属性与xml编写

2.1 RadioButton属性

RadioButton是继承自TextView 所以一些属性是可以用的.

单独定义一个RadioButton不会有效果的.原因是.两个RadioButton以上. 都属于一个分组.

当这个分组中定义了两个 RadioButton的时候.那么你点击RadioButton1 那么RadioButton2就是未选中状态.看下如下xml描述

常用属性

android:checked = "true"  默认选中,使用这个属性那么 其他的RadioButton必须设置ID
android:button="@null"   去掉按钮属性,不使用小园框,自定义一个

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    android:padding="15dp">

<!--    使用RadioButton必须放到一个分组里面-->
    <RadioGroup
        android:id="@+id/rg_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
<!--        RadioButton放到里面-->
        <RadioButton
            android:id="@+id/rd_1"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="男"
            android:textSize="20sp">

        </RadioButton>


        <RadioButton
            android:id="@+id/rd_2"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="女"
            android:textSize="20sp">

        </RadioButton>

    </RadioGroup>
</RelativeLayout>

界面则为下,选择男,则女就是未选中,否则就是相反

因为他们在一个组里面.所以只能单选

2.2 RadioButton实现自定义

实现自定义还是使用 android:background属性,来制定一个选择状态的xml. 来实现自定义的选中和未选中

但是前提要设置 android:button="@null"才可以.

状态选择器XML如下

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    tools:ignore="MissingDefaultResource">
    <!--    状态选择器 android:state_checked = true代表选中-->
    <item android:state_checked="true">
        <!--        如果是选中,那么我们使用shape画一个-->
        <shape>
            <!--            设置实心颜色,并且设置圆角-->
            <solid android:color="#ff0000"></solid>
            <corners android:radius="10dp"></corners>
        </shape>
    </item>

    <!--    否则设置为绿色-->
    <item android:state_checked="false">
        <!--        如果是未选中,那么我们使用shape画一个-->
        <shape>
            <!--            设置描边形式,并且设置圆角-->
            <stroke android:width="1dp" android:color="#0ca30c"></stroke>
            <corners android:radius="10dp"></corners>
        </shape>
    </item>
</selector>

xml如下布局如下

   <!--    自定义-->
    <RadioGroup
        android:id="@+id/rg_2"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:orientation="horizontal"
        android:layout_below="@id/rg_1"
        android:layout_marginTop="1dp"
        >
        <!--        RadioButton放到里面-->
        <RadioButton
            android:id="@+id/rd_3"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:button="@null"
            android:background="@drawable/selector_radiobutton"
            android:text="男1"
            android:textSize="20sp">

        </RadioButton>


        <RadioButton
            android:id="@+id/rd_4"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:button="@null"
            android:background="@drawable/selector_radiobutton"
            android:text="女1"
            android:textSize="20sp">

        </RadioButton>

    </RadioGroup>

请注意selector_radiobutton 文件名一定小写.

实现效果如下

自定义了一个实现效果

三丶RadioButton的监听事件

既然是单选那么单选之后肯定会有监听事件

package com.ibinary.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;

public class RadioActivity extends AppCompatActivity {

    private RadioGroup m_rg1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_radio);

        m_rg1 = (RadioGroup)findViewById(R.id.rg_1);
        //响应Checked Listener
        m_rg1.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            //两个参数,一个是组,一个是选中的ID. 可以通过组里面的finviewById找到当前是哪个Id
            public void onCheckedChanged(RadioGroup radioGroup, int i) {
                RadioButton RaButton = radioGroup.findViewById(i);
                Toast.makeText(RadioActivity.this, RaButton.getText(), Toast.LENGTH_SHORT).show();
            }
        });
    }
}

只需要设置事件,实现 RadioGroup.OnCheckedChangeListener() 即可.

posted @ 2020-08-30 21:02 iBinary 阅读(1452) 评论(0) 编辑收藏举报

刷新页面返回顶部

iBinary

Android 开发第七讲 RadioButton (单选按钮)

Android 开发第七讲 RadioButton (单选按钮)

一丶重构代码

二丶RadioButton属性与xml编写

2.1 RadioButton属性

2.2 RadioButton实现自定义

三丶RadioButton的监听事件

公告