最初からのAndroid開発 View(画面部品) No.10 Switch

この記事は、最初からのAndroid開発という名前ですが、全くの初心者は対象としていません。Java言語を知っていて、Androidの入門書で簡単なアプリを作ったことがあるような人を対象としています。
この記事は、Androidの昔書いた記事のまとめの焼き直しです。

記事共通の話は次のページにまとめています。合わせてご確認ください。

最初からのAndroid開発 共通の話
最初からのAndroid開発まとめこの記事は、最初からのAndroid開発という名前ですが、全くの初心者は対象としていません。Java言語を知っていて、Androidの入門書で簡単なアプリを作ったことがあるような人を対象としています。この記

この記事の完全なソースコードは次のリポジトリのView10にあります。

webarata3/begin_Android
最初からのAndroid開発. Contribute to webarata3/begin_Android development by creating an account on GitHub.

Switch

Switchはその名の通り、オンオフがはっきりしているトグルのスイッチの部品です。

今回のプログラム

MainActivity.java

package com.example.view10;

import android.os.Bundle;
import android.widget.Switch;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

        Switch testSwitch = findViewById(R.id.testSwitch);
        testSwitch.setOnCheckedChangeListener((compoundButton, b) -> {
            Toast.makeText(MainActivity.this, "チェック? " + b, Toast.LENGTH_SHORT).show();
        });
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Switch
        android:id="@+id/testSwitch"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Switch
        android:text="説明文"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:showText="true"
        android:textOn="オンだよ"
        android:textOff="オフだよ" />

</LinearLayout>

実行結果

ただのSwitch

Switchタグを置くだけで、Switchは実装できます。

<Switch
    android:id="@+id/testSwitch"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

Switchの操作は、たとえば、setOnCheckedChangeListenerを使用して行うことができます。

Switch testSwitch = findViewById(R.id.testSwitch);
testSwitch.setOnCheckedChangeListener((compoundButton, b) -> {
    Toast.makeText(MainActivity.this, "チェック? " + b, Toast.LENGTH_SHORT).show();
});

テキスト付きのSwitch

Switchにテキストを追加するには、次のようにします。

<Switch
    android:text="説明文"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:showText="true"
    android:textOn="オンだよ"
    android:textOff="オフだよ" />

Switchの左側に説明文を入れる場合には、android:text属性を設定します。トグルのスイッチに説明文を入れるには、android:textOnと、android:textOff属性にテキストを設定し、かつandroid:showText属性をtrueにします。

コメント