2024/4/25

【Kotlin/Android】SeekBarの使い方！値の取得と色などのデザインの調整

この記事からわかること

Android Studio/KotlinでSeekBarの使い方
スライダー機能を実装方法
色やサイズの変更方法
値を取得するには？

index

[open]

＼アプリをリリースしました／

友達や家族の誕生日をメモ！通知も届く-みんなの誕生日-

posted withアプリーチ

環境

Android Studio：Flamingo
Kotlin：1.8.20

SeekBarの使い方

AndroidのSeekBarはスライダーを動かすことで値を変化させることができるUIを実装するためのViewです。レイアウトファイルには以下のようにSeekBarタグを使用して実装することができます。

<SeekBar
  android:id="@+id/seekbar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:max="100"
  android:progress="50"
  app:layout_constraintBottom_toBottomOf="parent"
  app:layout_constraintEnd_toEndOf="parent"
  app:layout_constraintStart_toStartOf="parent"
  app:layout_constraintTop_toTopOf="parent" />

最大値/最小値

android:max属性で最大値をandroid:min属性で最小値を指定することができます。

android:max="100"
android:min="0"

初期値

android:progress属性で初期値を指定することができます。

android:progress="50"

つまみとバーの色を変える

android:thumbTint属性でつまみの色を変えることがandroid:progressTint属性でバーの色を変えることができます。

android:thumbTint="#FF0000"
android:progressTint="#FF0000"

Kotlinで値を取得する

KotlinでSeekBarの値を取得するためにはprogressプロパティを参照します。

val seekbar: SeekBar = findViewById(R.id.seekbar)
Log.e("SeekBar", seekbar.progress.toString())

progressプロパティを上書きすることでSeekBarの値をコードから更新することも可能です。

seekbar.progress = 50

イベントリスナー

SeekBarの変化を検知して値を取得するにはsetOnSeekBarChangeListenerメソッドを使用してOnSeekBarChangeListener型からデリゲートで取得することができます。取得できるのはそれぞれ以下の通りです。

onProgressChanged：プログレス値が変化しているとき
onStartTrackingTouch：スライド開始
onStopTrackingTouch：スライド終了

seekbar.setOnSeekBarChangeListener(
    object : SeekBar.OnSeekBarChangeListener {
       // プログレス値が変化しているとき
        override fun onProgressChanged(p0: SeekBar?, p1: Int, p2: Boolean) {
            Log.e("SeakBar", p1.toString())
        }
        // スライド開始
        override fun onStartTrackingTouch(p0: SeekBar?) {
            
        }
        // スライド終了
        override fun onStopTrackingTouch(p0: SeekBar?) {
            
        }
    }
)

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。

Android