【Android Studio】SeekBarの使い方 – Kotlin編

Sara

この記事では、音量調節やサイズ調節に使うことができる SeekBar の使い方を紹介します。

実装するのは

  1. TextView に SeekBar の初期値を表示
  2. SeekBar を変更したら TextView を更新
  3. Button を押したら初期値に戻す

の3つです。

【完成イメージ】

開発環境

Android StudioChipmunk 2021.2.1
Android EmulatorNexus 4 (API 32)
compileSdk / targetSdk32
minSdk16

プロジェクトについて

SeekbarSample という名前のプロジェクトを作成して

  • MainActivity.kt
  • activity_main.xml

がある状態で実装していきます。

Snackbarの使い方

1. レイアウトの用意

activity_main.xml を開いて、以下のようにレイアウトを用意します。

22行目

max 属性で SeekBar の最大値を指定します。

最小値は0になるので、ここでは0~100の範囲で数値を取得することができます。

23行目

progress 属性で初期値を設定できます。

2. SeekBarの値を取得する

まずは TextView に SeekBar の初期値を表示します。

MainActivity.kt を開いて、6~11行目を追加します。

3. SeekBarの値を変更する

「リセット」ボタンを押したら、初期値50の位置に戻るようにします。

9~11行目を追加します。

4. SeekBarイベントリスナー

SeekBar の動きに合わせて TextView の値を更新します。

SeekBar に加えた変更は OnSeekBarChangeListener を使って取得することができます。

用意されているメソッドは

  • onProgressChanged(変更中)
  • onStartTrackingTouch(変更開始時)
  • onStopTrackingTouch(変更終了時)

の3つです。

9~19行目のコードを書きます。

11行目
override fun onProgressChanged(p0: SeekBar?, p1: Int, p2: Boolean) {
1つ目の引数 p0 は イベントが発生している SeekBar です。
2つ目の引数 p1 が SeekBar の現在の値です。
3つ目の引数 p2 は「ユーザーが加えた変更か」を Boolean 型で取得できます。

5. 完成

以上で完成です!

完成版のコード

Q
activity_main.xml
Q
MainActivity.kt
Subscribe
Notify of
0 Comments
古い順
新しい順 人気順
Inline Feedbacks
View all comments
ABOUT ME
Sara
Sara
運営者
書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
主な使用言語:Java / Kotlin / PHP
>> 詳しいプロフィール
>> お問い合わせ
>> 書籍を出版しました!
本格的に学びたい方へ

Code for Fun プログラミング講座

POINT 01

動くコード

プログラミングの文法を学んでも、そこからどのようにアプリ開発ができるのかイメージが湧きにくいものです。

Code for Fun のプログラミング講座では、ゲームやカレンダーなどアプリとして機能するものを作りながらプログラミングを学ぶことができます。

POINT 02

自分のペースで

オンライン講座なので、ご自身のペースで学習を進めて頂けます。

受講期限もないので、いつでも前のレッスンに戻ることができるので安心です。

お申し込みしたその日からすぐに始めることができます。

POINT 03

個別サポート

プログラミング学習では、エラーが起きることはよくあります。そんな時はお気軽にお問い合わせください!

コメント欄またはメールによるサポートを回数無制限でご利用頂けます。(*講座に関連するご質問のみ対応)

今すぐ無料でお試し

0
この記事にコメントするx
記事URLをコピーしました