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

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

実装するのは

の３つです。

【完成イメージ】

開発環境

プロジェクトについて

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

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

Snackbarの使い方

1. レイアウトの用意

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

	<?xml version="1.0" encoding="utf-8"?>
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	tools:context=".MainActivity"
	android:orientation="vertical"
	android:gravity="center">
	<TextView
	android:id="@+id/textView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	tools:text="100"
	android:textSize="36sp"/>
	<SeekBar
	android:id="@+id/seekbar"
	android:layout_width="300dp"
	android:layout_height="wrap_content"
	android:max="100"
	android:progress="50"
	android:layout_marginVertical="40dp"/>
	<Button
	android:id="@+id/button"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="リセット"/>
	</LinearLayout>

view raw activity_main.xml hosted with by GitHub

22行目

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

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

23行目

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

2. SeekBarの値を取得する

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

MainActivity.java を開いて、8~13行目を追加します。

	public class MainActivity extends AppCompatActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	TextView textView = findViewById(R.id.textView);
	SeekBar seekbar = findViewById(R.id.seekbar);
	Button button = findViewById(R.id.button);
	// 初期値を表示
	textView.setText(seekbar.getProgress() + "");
	}
	}

view raw MainActivity.java hosted with by GitHub

3. SeekBarの値を変更する

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

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

	public class MainActivity extends AppCompatActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	/* 省略 */
	// 「リセット」を押したら50にする
	button.setOnClickListener(new View.OnClickListener() {
	@Override
	public void onClick(View view) {
	seekbar.setProgress(50);
	}
	});
	}
	}

view raw MainActivity.java hosted with by GitHub

4. SeekBarイベントリスナー

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

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

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

の３つです。

11~24行目のコードを書きます。

	public class MainActivity extends AppCompatActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	/* 省略 */
	// SeekBarイベント
	seekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
	@Override
	public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
	textView.setText(i + "");
	}
	@Override
	public void onStartTrackingTouch(SeekBar seekBar) {
	}
	@Override
	public void onStopTrackingTouch(SeekBar seekBar) {
	}
	});
	}
	}

view raw MainActivity.java hosted with by GitHub

13行目

public void onProgressChanged(SeekBar seekBar, int i, boolean b) {

１つ目の引数 seekBar は イベントが発生している SeekBar です。

２つ目の引数 i が SeekBar の現在の値です。

３つ目の引数 b は「ユーザーが加えた変更か」を Boolean 型で取得できます。

5. 完成

以上で完成です！

完成版のコード

Sara

運営者

XYouTubeContact

書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
主な使用言語：Java / Kotlin / PHP
>> 詳しいプロフィール
>> お問い合わせ
>> 書籍を出版しました！