Переключатели RadioButton в Android-приложении (пример использования)

| 28.01.2015

Рассмотрим пример использования кнопок-переключателей RadioButton, которые позволяют создавать экраны с опциями и различными настройками. На одном экране может быть множество таких кнопок и, чтобы объединить или разбить их по группам используется родительский элемент RadioGroup.

Для начала сверстаем наш экран.

res/layout/activity_main.xml

<RelativeLayout 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"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <TextView
        android:text="@string/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tv" />

    <RadioGroup
        android:id="@+id/radioV"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="20dp">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/android"
            android:id="@+id/radioButton" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/ios"
            android:id="@+id/radioButton2" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/windows_phone"
            android:id="@+id/radioButton3" />
    </RadioGroup>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@android:string/ok"
        android:id="@+id/button"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/radioV"
        android:onClick="choice"
        />

</RelativeLayout>

Здесь у нас TextView, Button и RadioGroup с тремя дочерними элементами. Все радио-кнопки, а также радио-группа имеют свой id, чтобы мы могли легко получать к ним доступ из кода.

На кнопку Button мы навесили обработчик клика choice().

Добавьте значения отступов в res/values/dimens.xml

<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
</resources>

Строковые ресурсы res/values/strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">RadioButton</string>
    <string name="action_settings">Settings</string>
    <string name="title">Make your choice!</string>
    <string name="android">android</string>
    <string name="ios">ios</string>
    <string name="windows_phone">windows phone</string>
</resources>

Код MainActivity.java

package ru.androiddocs.radiobutton;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;


public class MainActivity extends ActionBarActivity {

    private RadioGroup mRadioOsGroup;
    private RadioButton mSelRadio;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mRadioOsGroup = (RadioGroup) findViewById(R.id.radioV);        
    }

    public void choice(View v) {
        int selRadioId = mRadioOsGroup.getCheckedRadioButtonId();
        mSelRadio = (RadioButton) findViewById(selRadioId);

        if (mSelRadio != null) {
            Toast.makeText(this, mSelRadio.getText(), Toast.LENGTH_SHORT).show();
        }

    }
}

В методе onCreate(), думаю, все знакомо. Инициализируем mRadioOsGroup.

При нажатии на кнопку Button мы достаем id выбранной радио-кнопки, находим ее и методом Toast выводим ее текстовое значение, используя:

mSelRadio.getText()

Если необходимо при загрузке экрана какую-то радио-кнопку сделать активной, то можно воспользоваться методом check():

mRadioOsGroup.check(R.id.radioButton3);

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*