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

SeekBarはオーディオのボリューム入力のようにつまみを掴んでレベルを変えられるものです。ユーザーの数値入力を感覚的にし簡略化することができます。
 
seekbar a01 - [Android & Kotlin] ボリューム入力ができるSeekBar

Android Studio 3.1.4
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フォーム

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


 


ページのトップへ戻る




シェアする

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

フォローする