Android

RadioButton(複数のRadioGroup)とToastを用いたAndroidサンプルアプリ

Posted 10月 17 2012 by NABE  , , with 0 コメント

RadioButtonで選択した項目を、Toastで表示させるサンプルアプリです!(今回は複数のRadioGroupを使用)

※はじめに
この記事はAndroidアプリの開発が、初心者であるという方のための記事です。
そのため、なるべく複雑な説明は避け、コピー&ペイストですぐに動くものをご紹介します。
JavaやAndroidを理解されている方で細かい説明が必要な方は、当ブログ内の連載記事である「Android Tips」をご覧ください。

AndroidのウィジェットRadioButton(ラジオボタン)を用いたアプリで、Toast表示も行います。 
複数のRadioButtonを用いる場合はRadioGroupを使用することが一般的です。

前回は単体のRadioGroupを使用しましたが、今回は複数のRadioGroupを使用する方法をご紹介します。

複数のRadioGroupを使用するときのポイントは、RadioGroupのidです。
今回はactivity_main.xmlの17行目と58行目でidを指定しています。

複数のRadioGroup内で、各々RadioButtonを選択し、Toastで表示

アプリ完成図

MainActivity.java(ソースコード)

ソースコードは下記の3つの方法のどれかで試してみてください。
どれも結果は同じになります。

  1. RadioButtonを使用するときはOnCheckedChangeListenerを使用(①:18行目と33行目,②:20行目と23行目)
  2. チェックされているかどうかの確認は、isChecked()メソッドを用います。(例えば①では23行目)
    ※今回はelse以降の処理は省略しています。

方法①:匿名クラスを用いる方法

package com.example.radiobuttonsample2;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.Toast;

public class MainActivity extends Activity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		RadioGroup rg1 = (RadioGroup) findViewById(R.id.RadioGroupKamoku);
		rg1.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				RadioButton rb1 = (RadioButton) findViewById(checkedId);
				if (rb1.isChecked() == true) {
					Toast.makeText(
							MainActivity.this,
							((RadioButton) findViewById(checkedId)).getText()
									+ "を選択しました。", Toast.LENGTH_LONG).show();
				}
			}
		});

		RadioGroup rg2 = (RadioGroup) findViewById(R.id.RadioGroupWeekly);
		rg2.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				RadioButton rb2 = (RadioButton) findViewById(checkedId);
				if (rb2.isChecked() == true) {
					Toast.makeText(
							MainActivity.this,
							((RadioButton) findViewById(checkedId)).getText()
									+ "を選択しました。", Toast.LENGTH_LONG).show();
				}
			}
		});
	}
}

方法②:匿名クラスを用いない方法

package com.example.radiobuttonsample2;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.Toast;

public class MainActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		Kyo kyo = new Kyo();
		Wee wee = new Wee();

		RadioGroup rg1 = (RadioGroup) findViewById(R.id.RadioGroupKamoku);
		rg1.setOnCheckedChangeListener(kyo);

		RadioGroup rg2 = (RadioGroup) findViewById(R.id.RadioGroupWeekly);
		rg2.setOnCheckedChangeListener(wee);
	}

	class Kyo implements OnCheckedChangeListener {

		@Override
		public void onCheckedChanged(RadioGroup group, int checkedId) {
			RadioButton rb1 = (RadioButton) findViewById(checkedId);
			if (rb1.isChecked() == true) {
				Toast.makeText(
						MainActivity.this,
						((RadioButton) findViewById(checkedId)).getText()
								+ "を選択しました。", Toast.LENGTH_SHORT).show();
			}
		}
	}

	class Wee implements OnCheckedChangeListener {

		@Override
		public void onCheckedChanged(RadioGroup group, int checkedId) {
			RadioButton rb2 = (RadioButton) findViewById(checkedId);
			if (rb2.isChecked() == true) {
				Toast.makeText(
						MainActivity.this,
						((RadioButton) findViewById(checkedId)).getText()
								+ "を選択しました。", Toast.LENGTH_SHORT).show();
			}

		}
	}
}

activity_main.xml

今回の画面の定義(activity_main.xml)は下記になります。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:padding="@dimen/padding_medium"
        android:text="@string/hello_world"
        tools:context=".MainActivity" />

    <RadioGroup
        android:id="@+id/RadioGroupKamoku"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView1" >

        <RadioButton
            android:id="@+id/radioButton1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/textView1"
            android:text="Android" />

        <RadioButton
            android:id="@+id/radioButton2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/radioButton1"
            android:text="java" />

        <RadioButton
            android:id="@+id/radioButton3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/radioButton2"
            android:text="LAMP" />
    </RadioGroup>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/RadioGroupKamoku"
        android:padding="@dimen/padding_medium"
        android:gravity="center"
        android:text="曜日 " />

    <RadioGroup
        android:id="@+id/RadioGroupWeekly"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView2">

        <RadioButton
            android:id="@+id/radioButton4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/textView2"
            android:text="月曜日" />

        <RadioButton
            android:id="@+id/radioButton5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/radioButton4"
            android:text="火曜日" />

        <RadioButton
            android:id="@+id/radioButton6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/radioButton5"
            android:text="水曜日" />
    </RadioGroup>

</RelativeLayout>

これでOKです。


Android サンプルアプリ集



  未経験OKの仕事 |  上場企業の仕事 |  高待遇の仕事 |  外資系の仕事 |  社内SEで検索 |  自社サービスで検索





メールアドレス
ご質問・問い合わせ等、ご自由にお書きください。