---
category: swing
folder: SliderLabelTable
title: JSliderの目盛にアイコンや文字列を追加する
tags: [JSlider, JLabel, Icon, JButton]
author: aterai
pubdate: 2009-02-23T12:08:35+09:00
description: JSliderの目盛にJComponentを表示することで、アイコンを追加したり、文字列の色などを変更します。
image: https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTTNRK4g8I/AAAAAAAAAkA/dn8dNaWNmxM/s800/SliderLabelTable.png
---
* 概要 [#summary]
`JSlider`の目盛に`JComponent`を表示することで、アイコンを追加したり、文字列の色などを変更します。

#download(https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTTNRK4g8I/AAAAAAAAAkA/dn8dNaWNmxM/s800/SliderLabelTable.png)

* サンプルコード [#sourcecode]
#code(link){{
Hashtable<Integer, Component> labelTable = new Hashtable<>();
int c = 0;
for (String s: Arrays.asList(
List<Icon> list1 = Stream.of(
    "wi0009-16.png", "wi0054-16.png", "wi0062-16.png",
    "wi0063-16.png", "wi0064-16.png", "wi0096-16.png",
    "wi0111-16.png", "wi0122-16.png", "wi0124-16.png",
    "wi0126-16.png")) {
  labelTable.put(c++,
    new JLabel(s, new ImageIcon(getClass().getResource(s)),
               SwingConstants.RIGHT));
}
labelTable.put(c, new JButton("aaa"));
JSlider slider1 = new JSlider(SwingConstants.VERTICAL, 0, 10, 0);
slider1.setLabelTable(labelTable);
    "wi0126-16.png").map(MainPanel::makeIcon).collect(Collectors.toList());
JSlider slider1 = new JSlider(SwingConstants.VERTICAL, 0, list1.size() - 1, 0);
slider1.setSnapToTicks(true);
slider1.setMajorTickSpacing(1);
slider1.setPaintTicks(true);
slider1.setPaintLabels(true);
Object labelTable1 = slider1.getLabelTable();
if (labelTable1 instanceof Map) {
  ((Map<?, ?>) labelTable1).forEach((key, value) -> {
    if (key instanceof Integer && value instanceof JLabel) {
      int idx = (Integer) key;
      JLabel l = (JLabel) value;
      l.setIcon(list1.get(idx));
      l.setText(null);
      l.setBorder(BorderFactory.createEmptyBorder(0, 1, 0, 1));
    }
  });
}
slider1.setLabelTable(slider1.getLabelTable()); // Update LabelTable
}}

* 解説 [#explanation]
上記のサンプルでは、`JSlider#setLabelTable(Dictionary)`メソッドを使用して任意のキーと値のペアで作成したマップを追加し、スライダーのラベルを以下のように変更しています。

- 左: 垂直`JSlider`
-- アイコンを設定した`JLabel`と`JButton`を追加
- 右下: 水平`JSlider`
-- `JLabel`を追加して目盛の文字列と色を変更

* 参考リンク [#reference]
- [[JSliderのUIや色を変更する>Swing/VolumeSlider]]
- [https://xp-style-icons.en.softonic.com/ XP Style Icons - Download]

* コメント [#comment]
#comment
#comment