icon
icon

Androidアプリ開発でRadioButton(ラジオボタン)を追加する方法

Androidアプリ開発で、GUIコンポーネントの【RadioButton(ラジオボタン)】を追加する方法を初心者向けに解説した記事です。このパーツを使えば、複数の選択肢から1つを選択させることも可能になります。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。

今回はそのなかの1つである、RadioButton(ラジオボタン)を追加する方法と基本的な使い方をご紹介します。

 

本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。

 

大石ゆかり

田島メンター!!Androidアプリの設定画面でラジオボタンを使って設定を選んでもらおうと思っているんですけど、どうやって設置するんですか?

田島悠介

ラジオボタンはレイアウトエディタで設置できるんだ。もちろん、他のGUIコンポーネントと同じように、XMLで自分で書くこともできるよ。

 

RadioButtonとは

RadioButton(ラジオボタン)とは、複数の選択肢のなかから1つを選択するときに使用するGUIコンポーネントです。

アンケートなどでよく使われています。

001

 

RadioButtonを配置する

RadioButtonはレイアウトエディタのパレットの「フォーム・ウィジェット」から配置できます。

はじめに、パレット内のRadioGroupを配置したい場所までドラッグします。

 

次に、RadioButtonを必要な数だけRadioGroupまでドラッグして追加します。

 

 

このようにRadioButtonを配置すると、xmlファイルには次のようなコードが追加されます。

1つ目のRadioButtonの様に、「android:checked=”true”」というコードを追記すると、このコードを持つボタンは、起動したときに選択された状態になります。

<RadioGroup
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="83dp"
android:layout_marginStart="83dp"
android:layout_marginTop="73dp" >

<RadioButton
android:id="@+id/radioButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:checked="true"
android:text="RadioButton" />

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

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

 

RadioGroupを同じ画面に2つ配置し、起動して動作を確認してみます。

1つのRadioGroupで囲まれたRadioButtonは、そのなかの1つだけが選択できるようになっています。

 

[PR] Androidアプリの開発で挫折しない学習方法を動画で公開中

RadioButtonのカスタマイズ

ちょっとしたカスタマイズの方法を最後に紹介します。

RadioButtonのラベルに表示するテキストを変更したい場合は、プロパティの「Text」を変更します。項目名を変更する際などに活用しましょう。

 

今回の記事は以上です。

他のGUIコンポーネントを使ってみたい場合は、Androidアプリ開発でButtonを追加する方法も合わせてご覧ください。

 

大石ゆかり

ちゃんと設置できました!

田島悠介

ラジオボタンが他のGUIコンポーネントと違う点は、RadioGroupというくくりで管理するところなんだ。そこだけ注意すれば、他のコンポーネントと同じように使えるよ。

大石ゆかり

あ、そうなんですね!覚えておきます!

 

[お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する