[Android & Kotlin] ToggleButton 手軽にON・OFFを確認する

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

1x1.trans - [Android & Kotlin] 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 & Kotlin] ToggleButton 手軽にON・OFFを確認する

 

 

シンプルな設定

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

こちらに、切り替えボタン の基本的な使い方がありますが、Buttonと同様にクリックをリスナーで受け取るようになっています

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

 

サンプルコード

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

MainActivity.kt

activity_main.xml

strings.xml

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

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







アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう。

TECH ACADEMY
オンライン説明会



Code Camp
現役エンジニアによるオンラインプログラミングスクール【CodeCamp】


直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。



侍エンジニア塾
侍エンジニア塾 無料体験レッスン


とても簡単なことなのに本やネットの画像だけでは分かりにくいことはあります。実際に質問してピンポイントで教えてもらうと、なんだそんなこと、と言うのがけっこうあります。


シェアする

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

フォローする