小白开发安卓程序之路（2-5）RadioButton&RadioGroup（常用属性、自定义样式、监听事件）

小知识

xml文件名不能有大写字母

RadioButton实战

MainActivity.java

今天的MainActivity.java里用方法代替了以往稍显冗杂的代码

package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {
    private Button mbtnTextView;
    private Button mbtnButton;
    private  Button mbtnEditText;
    private Button mbtnRadioButton;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mbtnTextView=findViewById(R.id.btn_textview);
        mbtnButton=findViewById(R.id.btn_button);
        mbtnEditText=findViewById(R.id.btn_edittext);
        mbtnRadioButton=findViewById(R.id.btn_radiobutton);
        setListeners();//这个方法给每个按钮加上了点击事件onclick，而onclick的构造器能够根据调用他的对象的名字创建相应的点击事件
    }

    private void setListeners(){
        Onclick onclick=new Onclick();
        mbtnRadioButton.setOnClickListener(onclick);
        mbtnEditText.setOnClickListener(onclick);
        mbtnTextView.setOnClickListener(onclick);
        mbtnButton.setOnClickListener(onclick);
    }
    private class Onclick implements View.OnClickListener{
        @Override
        public void onClick(View view) {//onclick的构造器
            Intent intent=null;
            switch(view.getId()){
                case R.id.btn_textview:
                    //跳转至TextView演示界面
                    intent=new Intent(MainActivity.this,TextViewActivity.class);
                    break;
                case R.id.btn_button:
                    //跳转至Button演示界面
                    intent=new Intent(MainActivity.this,ButtonActivity.class);
                    break;
                case R.id.btn_edittext:
                    //跳转至EditText演示界面
                    intent=new Intent(MainActivity.this, EditTextActivity.class);
                    break;
                case R.id.btn_radiobutton:
                    //跳转至RadioButton演示界面
                    intent=new Intent(MainActivity.this,RadioButtonActivity.class);
                    break;
            }
            startActivity(intent);
        }
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <Button
        android:id="@+id/btn_textview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TextView"
        android:textAllCaps="false"/>
    <Button
        android:id="@+id/btn_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Textbutton"
        android:textAllCaps="false"/>
    <Button
        android:id="@+id/btn_edittext"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="EditText"
        android:textAllCaps="false"/>
        <!--textAllCaps即内容全部大写    -->
    <Button
        android:id="@+id/btn_radiobutton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="RadioButton"
        android:textAllCaps="false"/>
    <!--textAllCaps即内容全部大写    -->

</LinearLayout>

RadioButtonActivity.java

package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

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

public class RadioButtonActivity extends AppCompatActivity {
    private RadioGroup mRg1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_radio_button);
        mRg1=findViewById(R.id.rg_1);
        mRg1.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int i) {
                RadioButton radioButton= radioGroup.findViewById(i);
                Toast.makeText(RadioButtonActivity.this,radioButton.getText(),Toast.LENGTH_LONG).show();
                //输出点击的选项的名字
            }
        });
    }
}

activity_radio_button.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <RadioGroup
        android:id="@+id/rg_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="15dp">
        <RadioButton
            android:id="@+id/rb_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="男"
            android:checked="true"
            android:textSize="20sp"
            android:textColor="#FF9800"/>
        <RadioButton
            android:id="@+id/rb_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="女"
            android:textSize="20sp"
            android:textColor="#FF9800"/>
    </RadioGroup>
    <!--把两个radiobutton放在一个radiogroup中，实现只能选一个，
    rb_1中的checked=true即把“男”设为默认选项，实现这个功能的前提是一个组内的每一个button都有id
    radiogroup有orientation属性，即排列方向-->
    <RadioGroup
        android:id="@+id/rg_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="10dp"
        android:layout_below="@id/rg_1"
        android:layout_marginTop="30dp">
        <RadioButton
            android:id="@+id/rb_3"
            android:layout_width="60dp"
            android:layout_height="30dp"
            android:gravity="center"
            android:text="男"
            android:checked="true"
            android:textSize="20sp"
            android:textColor="#000000"
            android:button="@null"
            android:background="@drawable/selector_blue"/>
        <RadioButton
            android:id="@+id/rb_4"
            android:layout_width="60dp"
            android:layout_height="30dp"
            android:gravity="center"
            android:text="女"
            android:textSize="20sp"
            android:textColor="#000000"
            android:button="@null"
            android:layout_marginLeft="20dp"
            android:background="@drawable/selector_blue"/>
    </RadioGroup>
    <!--button=@null 实现把选项前面的小圆圈去掉
    background 设置一个有选中事件的drawable模块-->

</RelativeLayout>

selector_blue.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape>
            <solid android:color="#2A9FAE"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
    <!--选中时深蓝色    -->
    <item android:state_checked="false">
        <shape>
            <stroke android:width="1dp"/>
            <solid android:color="#79EDFD"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
    <!--未选中时淡蓝色加描边    -->


</selector>

效果