Android ToggleButtonの詳細解説とサンプルコード

Android ToggleButtonの詳細

Androidの開発プロセスでは、ToggleButtonの使用頻度も非常に高いです。以下に、このコンポーネントの2つの使用方法について説明します。

1つ目は簡単な使用方法で、Toastを使用してポップアップメッセージを出す方法です

カスタム化されたToggleButtonの表示内容を設定するには、TextOnとTextOffの内容を設定する必要があります。

<ToggleButton
    android:id="@"+id/toggleButton1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@"+id/toggleButton2"
    android:layout_alignBottom="@"+id/toggleButton2"
    android:textOn="オン"
    android:textOff="オフ"
    android:layout_alignRight="@"+id/imageview"
    android:text="Simple test" />

次に、主要な表示コードが続きます：

case R.id.toggleButton1:
      if(SimpleTest.isChecked()){
        Toast.makeText(getApplication(), "スイッチをオフにしました", Toast.LENGTH_SHORT).show();
      }
        Toast.makeText(getApplication(), "スイッチをオンにしました", Toast.LENGTH_SHORT).show();
      }
      break;
      //注意すべきことは、ToggleButtonを宣言し初期化してからリスナーを登録することです

次に少し複雑な使用例があります。それはImageViewと連携して異なる画像表示状態を実現するものです

<ToggleButton
    android:id="@"+id/toggleButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@"+id/imageview"
    android:layout_alignParentTop="true"
    android:layout_marginTop="46dp"
    android:textOn="美女"
    android:textOff="アイコン"
    android:text="With Image" />
 <ImageView 
    android:id="@"+id/imageview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/note"
    android:layout_below="@id/toggleButton2"
    />

次にアクティビティコードが続きます

case R.id.toggleButton2:
      if(WithImage.isChecked()){
        imageview.setImageResource(R.drawable.note);
      }
        imageview.setImageResource(R.drawable.ic_launcher);
      }
      break;

注意すべきことは、使用する前に宣言する必要があります。それをしないと空指針のエラーが発生します。

以下はプログラムの実行結果です

まとめと予想：

使用中に使用されるToggleButtonは通常これほどシンプルではありませんが、主な考え方やフレームワークはここに基づいています。関連するリスナー方法に静音処理やステータスの変更などを追加できます。これにより、アプリケーションはより柔軟になります。