JavaFXでスライダー(Slider)を作成する方法をわかりやすく解説
JavaFXのSliderクラスとは
JavaFXには、Sliderと呼ばれるクラスが標準で用意されています。このクラスは、連続的な範囲の値を表示・選択できるスライダーコンポーネントを表します。
スライダーは、数値が表示される「トラック」と、その上を移動して値を指し示す「つまみ(サム)」で構成されています。コンストラクタやプロパティを通じて、スライダーの最大値・最小値・初期値を自由に指定することが可能です。

スライダーの作成手順
JavaFXでスライダーを作成する基本の手順は以下の通りです。
- Sliderクラスをインスタンス化する — 最小値・最大値・初期値を引数に指定できます。
- 必要なプロパティを設定する — 目盛りラベルの表示、目盛りの間隔などを設定します。
- シーンに追加する — レイアウトペイン経由でシーンに配置し、ステージに表示します。
主な設定メソッド
setShowTickLabels(true):目盛りに対応する数値ラベルを表示します。setShowTickMarks(true):目盛り線を表示します。setMajorTickUnit(100):主要な目盛りの間隔を指定します。setBlockIncrement(50):キー操作などでの値の増減幅を指定します。
サンプルコード
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Slider;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class SliderExample extends Application {
public void start(Stage stage) {
// スライダーの設定(最小値0、最大値500、初期値0)
Slider slider = new Slider(0, 500, 0);
slider.setShowTickLabels(true);
slider.setShowTickMarks(true);
slider.setMajorTickUnit(100);
slider.setBlockIncrement(50);
// VBoxレイアウトの作成
VBox vbox = new VBox();
vbox.setPadding(new Insets(50, 50, 50, 50));
vbox.setSpacing(150);
vbox.getChildren().addAll(slider);
// シーンの準備
Scene scene = new Scene(vbox, 595, 150);
stage.setTitle("Slider Example");
stage.setScene(scene);
stage.show();
}
public static void main(String args[]) {
launch(args);
}
}実行結果
このコードを実行すると、0から500までの範囲で100刻みの目盛りが表示されたスライダーがウィンドウ内に描画されます。つまみをドラッグすることで、任意の値を選択できます。

まとめ
JavaFXのSliderクラスを使えば、最小値・最大値・初期値を指定して簡単にスライダーを作成できます。目盛りラベルや目盛り線の表示、増減幅の設定などもメソッド1つで行えるため、音量調整や設定画面など、直感的なUIが必要な場面でぜひ活用してみてください。
-
JavaFXで基本アプリケーションを作成する方法【初心者向けステップ解説】
JavaFXで基本的なアプリケーションを作成するには、以下の手順に従って進めます。各ステップごとに必要なクラスとメソッドを解説していきますので、初めてJavaFXに触れる方でも理解できる内容となっています。 1. Applicationクラスを継承する JavaFXアプリケーションを作成するには、javafx.applicationパッケージのApplicationクラスを継承し、その抽象メソッドであるstart()を実装する必要があります。このstart()メソッド内に、JavaFXアプリケーションの本体となるコードを記述していきます。 まず、Javaクラスを作成し、Applicationク
-
【JavaFX】2つのつまみを持つスライダー(RangeSlider)を作成する方法
スライダーとは、連続した値の範囲を視覚的に表示するためのUIコンポーネントです。トラック上には数値が表示されており、その値を指し示す「つまみ(サム)」がトラックに沿って移動します。スライダーには最大値・最小値・初期値を自由に設定することができます。 標準のJavaFXスライダーの限界 JavaFXが標準で提供するスライダーには、つまみは1つしかありません。最小値と最大値の両方を選択できる「2つのつまみを持つスライダー」を作成したい場合は、外部ライブラリである org.controlsfx.control を利用する必要があります。 手順1:Maven依存関係を追加する このライブラリを使用す