[Android] ToggleButton を使ってON・OFFを設定

Buttonの一種でToggleButton(トグルボタン)というのがあります。
ユーザーに視覚的にON/OFFをわかり易くするために使えます

1x1.trans - [Android] ToggleButton を使ってON・OFFを設定

Android Studio
2021.2.1




ToggleButton

 
基本的にButtonを継承しているので使い方としてはユーザーのタップを受け付けて何かするという形になります

java.lang.Object
   ↳ android.view.View
   ↳ android.widget.TextView
   ↳ android.widget.Button
   ↳ android.widget.CompoundButton
   ↳ android.widget.ToggleButton

ToggleButtonを色々スタイルを変えてカスタマイズ,etc. 結局これってButtonのカスタマイズ?となるので、あるがままで使って行った方がいいのかもしれません

DesignのPaletteからToggleButtonを選んで簡単に設置できます

1x1.trans - [Android] ToggleButton を使ってON・OFFを設定

 

 

シンプルな設定

 
ToggleButtonではクリックで表示文字とアンダーバーカラーが変わるようにデフォルトで設定されています

こちらに、切り替えボタン の基本的な使い方がありますが、Buttonと同様にクリックをリスナーで受け取るようになっています
尚、Lambdaを使うとCompoundButtonが見えなくなってしまうのですが継承していることを理解しておきましょう

TggleButtonとして使いやすいプロパティが用意されています

 

サンプルコード

 
ToggleButtonを2つおいてそれぞれ切り替えてみましょう

MainActivity.java

activity_main.xml

strings.xml

以上で実行してみましょう

References:
切り替えボタン | Android デベロッパー
ToggleButton




シェアする

  • このエントリーをはてなブックマークに追加

フォローする