読者です 読者をやめる 読者になる 読者になる

刺身タンポポ職人なう

文系女子大生がエンジニアとして就職してその後

AndroidでRadioButtonを作る

ラジオボタンで指定した文言をログに出力させる f:id:tooooomin:20170320224939p:plain

レイアウトの作成

    <RadioGroup
        android:id="@+id/radio_group"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <RadioButton
            android:id="@+id/radio_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="高坂穂乃果"/>
        <RadioButton
            android:id="@+id/radio_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="絢瀬絵里"/>
        <RadioButton
            android:id="@+id/radio_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="南ことり"/>
        <RadioButton
            android:id="@+id/radio_4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="園田海未"/>
        <RadioButton
            android:id="@+id/radio_5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="星空凛"/>
        <RadioButton
            android:id="@+id/radio_6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="西木野真姫"/>
        <RadioButton
            android:id="@+id/radio_7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="東條希"/>
        <RadioButton
            android:id="@+id/radio_8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="小泉花陽"/>
        <RadioButton
            android:id="@+id/radio_9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="矢澤にこ"/>
    </RadioGroup>

選択したボタンの取得

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

        RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radio_group);
        RadioButton radioButton = (RadioButton) findViewById(radioGroup.getCheckedRadioButtonId());
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                RadioButton checkedButton = (RadioButton) findViewById(checkedId);
                Log.d("MainActivity", checkedButton.getText().toString());
            }
        });
    }

ログ

03-20 09:51:33.603 8544-8544/com.example.hoge.radiobutton D/MainActivity: 高坂穂乃果
03-20 09:51:34.829 8544-8544/com.example.hoge.radiobutton D/MainActivity: 絢瀬絵里
03-20 09:51:35.800 8544-8544/com.example.hoge.radiobutton D/MainActivity: 南ことり
03-20 09:51:37.914 8544-8544/com.example.hoge.radiobutton D/MainActivity: 園田海未

参考

ラジオボタン(RadioButton)を使用するには - 逆引きAndroid入門

Androidでトグルスイッチ(Switch)ボタンを作成してイベントを取得する

Android tech

トグルスイッチを作ってみる

Androidでトグルスイッチを作成し、CompoundButton をつかってイベントを取得してみる。

f:id:tooooomin:20170320221547p:plain

レイアウト作成

<Switch android:id="@+id/toggle_switch"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true"
    android:textColor="#3e3e3e"
    android:text="toggle switch button"/>

CompoundButton を利用してイベントを取得

CompoundButtonpublic abstract class CompoundButton extends Button implements Checkable ってドキュメントに書いてあった。

CompoundButton | Android Developers

CheckBox, RadioButton, Switch, SwitchCompat, ToggleButton とかのイベントは CompoundButton で取得できるらしい。

OFF/ON のステートを持ったボタンの共通機能を具備した抽象クラスです。抽象クラスなのでこれ自体をそのまま部品として使うことはできません。

ボタンをチューンしよう! このサイト様に書いてあった。ありがとうございます。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    CompoundButton toggle = (CompoundButton) findViewById(R.id.toggle_switch);
    toggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if (isChecked) {
                Log.d("MainActivity", "ON");
            } else {
                Log.d("MainActivity", "OFF");
            }
        }
    });
}

ログ

03-20 09:12:09.969 4390-4390/com.example.hoge.aswitch D/MainActivity: OFF
03-20 09:12:11.055 4390-4390/com.example.hoge.aswitch D/MainActivity: ON
03-20 09:12:15.639 4390-4390/com.example.hoge.aswitch D/MainActivity: OFF
03-20 09:12:16.413 4390-4390/com.example.hoge.aswitch D/MainActivity: ON

参考

techbooster.jpn.org

qiita.com

Android で CheckBox を作成してみる

Android tech

CheckBoxを用意し、結果をログに表示させる。

Android の CheckBox を作成して、ON/OFF をログに表示させるところまで実装をしてみる。

f:id:tooooomin:20170320222630p:plain

レイアウトの作成

<CheckBox android:id="@+id/checkbox"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="メールマガジン受信" />

クリックイベントの取得

setOnClickListener でイベント取得する。CompoundButton のほうがきれいに書けるのかな?

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

    findViewById(R.id.checkbox).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            CheckBox checkBox = (CheckBox) v;
            if (checkBox.isChecked()) {
                Log.d("MainActivity", "メールマガジン受信ON");
            } else {
                Log.d("MainActivity", "メールマガジン受信OFF");
            }
        }
    });
}

ログの表示

03-20 09:05:20.637 1651-1651/com.example.hoge.checkbox D/MainActivity: メールマガジン受信ON
03-20 09:05:22.674 1651-1651/com.example.hoge.checkbox D/MainActivity: メールマガジン受信OFF
03-20 09:05:24.047 1651-1651/com.example.hoge.checkbox D/MainActivity: メールマガジン受信ON
03-20 09:05:27.760 1651-1651/com.example.hoge.checkbox D/MainActivity: メールマガジン受信OFF