[Android] Kotlin ボリューム入力ができるSeekBar

SeekBarはユーザーの数値入力を感覚的にし簡略化することができます。オーディオのボリューム入力のようなものです。
 
seekbar a01 - [Android] Kotlin ボリューム入力ができるSeekBar

Android Studio 3.1.3
Android 8.1
Kotlin 1.2.50

 



SeekBar

 
SeekBarのツマミは「draggable thumb」(ドラッグ可能な親指?)と呼ばれていて、その位置を判断して数値にします。
 

 

Seekbarのメソッド

 
リスナー、setOnSeekBarChangeListener を設定することでツマミのドラッグ前後とドラッグ中の状態に設定を追加することができます。
 

 
ドラッグ中のonProgressChanged() では progress が見えているのでこの値を使って TextView に表示してみます。

 

サンプルコード

 
コードをKotlin Android Extensionsを使って記述してみると
 
MainActivity.kt

 
activity_main.xml

 

サンプル動画

 

 
初期値と最大値はそれぞれ
seekBar.setProgress(0);
seekBar.setMax(100);
にて設定できます
レイアウトをカスタマイズするとバリエーションが増えます。
 
Javaではこのようになります。

seekbar a00 100x100 - [Android] Kotlin ボリューム入力ができるSeekBar
ユーザーの数値入力をするときに、オーディオのボリューム入力のように、あるいは、 何%位 という感覚的な入力が適当な場合に SeekBar が...

 
Reference:
SeekBar | Android Developers

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加


 


ページのトップへ戻る




シェアする

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

フォローする