---
title: JSlider
tags: [JSlider]
description: JSlider関係の記事へのスクリーンショット付きリンク一覧
---
このページでは、`JSlider`の使い方を集めて一覧にしています。

#contents

* JSlider [#JSlider]
** JSliderのスタイルを変更する [#GradientTrackSlider]
#swingdescription(Swing/GradientTrackSlider,JSliderのスタイルを変更する,JSliderのトラックとノブを透明にし、値を半透明の色で描画します。,https://lh3.googleusercontent.com/_9Z4BYR88imo/TdnxSfPEQLI/AAAAAAAAA7k/vYTnJ_FPktg/s200/GradientTrackSlider.png)

** JSliderのUIや色を変更する [#VolumeSlider]
#swingdescription(Swing/VolumeSlider,JSliderのUIや色を変更する,JSliderのトラックやつまみ、色などを変更して、音量調節風のスライダーを作成します。,https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTWc-B0OXI/AAAAAAAAApQ/t1b78yBXWUQ/s200/VolumeSlider.png)

** JSliderでクリックした位置にノブをスライド [#JumpToClickedPositionSlider]
#swingdescription(Swing/JumpToClickedPositionSlider,JSliderでクリックした位置にノブをスライド,JSliderをマウスでクリックした場合、その位置にノブをスライド、続けてドラッグ可能にします。,https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTOt05WV7I/AAAAAAAAAc0/Eobj6KIAQzk/s200/JumpToClickedPositionSlider.png)

** JSliderのSnapToTicksをマウスのドラッグでも適用する [#SnapToTicksDrag]
#swingdescription(Swing/SnapToTicksDrag,JSliderのSnapToTicksをマウスのドラッグでも適用する,JSliderのSnapToTicksをマウスでのドラッグ中にも適用されるように設定します。,https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTTU-ruijI/AAAAAAAAAkM/p3Mze4pjyEk/s200/SnapToTicksDrag.png)

** JSliderの目盛にアイコンや文字列を追加する [#SliderLabelTable]
#swingdescription(Swing/SliderLabelTable,JSliderの目盛にアイコンや文字列を追加する,JSliderの目盛にJComponentを表示することで、アイコンを追加したり、文字列の色などを変更します。,https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTTNRK4g8I/AAAAAAAAAkA/dn8dNaWNmxM/s200/SliderLabelTable.png)

** JScrollBarをJSliderとして代用する [#ScrollBarAsSlider]
#swingdescription(Swing/ScrollBarAsSlider,JScrollBarをJSliderとして使用する,JScrollBarをJSliderの代わりとして使用します。,https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTSgYVysvI/AAAAAAAAAi4/5UjLktCUVb8/s200/ScrollBarAsSlider.png)

** JTableのCellEditorとCellRendererにJSliderを使用する [#SliderInTableCell]
#swingdescription(Swing/SliderInTableCell,JTableのCellEditorとCellRendererにJSliderを使用する,JTableのCellEditorとCellRendererにJSliderを使用するように設定します。,https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTTK5HPd3I/AAAAAAAAAj8/qhIGBo92NNE/s200/SliderInTableCell.png)

** JSliderの目盛りをアイコンに変更する [#TriangleTickSlider]
#swingdescription(Swing/TriangleTickSlider,JSliderの目盛りをアイコンに変更する,JSliderの目盛りに使用するJLabelを取得し、アイコンを追加したり文字色を変更するなどの変更を行います。,https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTWS_t-t1I/AAAAAAAAApA/78UrJyqx8og/s200/TriangleTickSlider.png)

** JSliderのノブをドラッグ中にToolTipで値を表示 [#SliderToolTips]
#swingdescription(Swing/SliderToolTips,JSliderのノブをドラッグ中にToolTipで値を表示,JSliderのノブをドラッグ中にToolTipでその現在値を表示します。,https://lh6.googleusercontent.com/-RBRHhAqSA3A/UM3gOvnmIOI/AAAAAAAABZM/LdLir_Y4dQc/s200/SliderToolTips.png)

** JSliderの順序を反転 [#InvertedSlider]
#swingdescription(Swing/InvertedSlider,JSliderの順序を反転,JSliderの値や目盛りの表示などの順序を反転します。,https://lh6.googleusercontent.com/-qI_Mv8LOhi8/UvdK3TThMiI/AAAAAAAAB_0/xQR9OJ1Z8xY/s200/InvertedSlider.png)

* ↑10 ↓11 [#d82f8f9e]
#adsensebar

** JSliderのつまみの形状を変更 [#ThumbArrowShape]
#swingdescription(Swing/ThumbArrowShape,JSliderのつまみの形状を変更,JSliderのつまみの形状を目盛り表示ありの場合と同じになるよう変更します。,https://lh3.googleusercontent.com/-wnMCy-QjKqI/U0Fp9vKfehI/AAAAAAAACDE/fem_kGyz1KM/s200/ThumbArrowShape.png)

** JProgressBarの進捗状況を円形で表示する [#ProgressCircle]
#swingdescription(Swing/ProgressCircle,JProgressBarの進捗状況を円形で表示する,JProgressBarの進捗状況を円形表示するように設定します。,https://lh3.googleusercontent.com/-K2Us5zyEGJs/U4rt4SgHxVI/AAAAAAAACGo/IBfgQ2C1jxE/s200/ProgressCircle.png)

** JSliderの現在値に対応するラベルの文字色を変更する [#SliderCurrentLabelColor]
#swingdescription(Swing/SliderCurrentLabelColor,JSliderの現在値に対応するラベルの文字色を変更する,JSliderの大目盛りなどに設定した値ラベルが現在値を表すノブにもっとも近い場合、その色を変更します。,https://lh3.googleusercontent.com/-QQwUIqqviTE/VI2lBcawp1I/AAAAAAAANtA/VWJPpQJoyyo/s200/SliderCurrentLabelColor.png)

** JSliderの数値テキストラベルを更新する [#UpdateSliderLabel]
#swingdescription(Swing/UpdateSliderLabel,JSliderの数値テキストラベルを更新する,JSliderの数値テキストラベルの値を変更した場合、その位置やサイズが正しく描画されるように更新を行うメソッドを実行します。,https://lh5.googleusercontent.com/-xP4QgpDpRec/VOn2C7a0GLI/AAAAAAAANxQ/HQ3F4rVgoUI/s200/UpdateSliderLabel.png)

** MouseListenerなどを削除してコンポーネントの入力操作を制限する [#UninstallListeners]
#swingdescription(Swing/UninstallListeners,MouseListenerなどを削除してコンポーネントの入力操作を制限する,MouseListenerやMouseMotionListenerなどを削除することで、JSliderへの入力操作を制限します。,https://lh3.googleusercontent.com/-R8lyg28qxOc/VhE8l7UdVnI/AAAAAAAAODQ/XDVHIbj2uyY/s200-Ic42/UninstallListeners.png)

** JSliderのノブをマウスの右ボタンで操作不可に設定する [#OnlyLeftMouseButtonDrag]
#swingdescription(Swing/OnlyLeftMouseButtonDrag,JSliderのノブをマウスの右ボタンで操作不可に設定する,JSliderのノブをマウスの右ボタンで操作可能かどうかを設定で切り替えます。,https://lh3.googleusercontent.com/-coZSnO6AOYE/Vj9vbNsYp8I/AAAAAAAAOGA/2KnLThlR9u4/s200-Ic42/OnlyLeftMouseButtonDrag.png)

** JSliderでマウスドラッグによる値の変更が可能な範囲を制限する [#DragLimitedSlider]
#swingdescription(Swing/DragLimitedSlider,JSliderでマウスドラッグによる値の変更が可能な範囲を制限する,JSliderの最小・最大値とは別に、マウスドラッグによる値の変更可能範囲を制限します。,https://lh3.googleusercontent.com/-g2NOF6rEUgk/VokzS6_rd_I/AAAAAAAAOKc/UhGy1ZKCdpQ/s200-Ic42/DragLimitedSlider.png)

** NimbusLookAndFeelを適用したJSliderで範囲の塗りつぶしを行う [#NimbusFilledSlider]
#swingdescription(Swing/NimbusFilledSlider,NimbusLookAndFeelを適用したJSliderで範囲の塗りつぶしを行う,NimbusLookAndFeelを適用したJSliderでトラックの現在値を示す範囲の背景を塗りつぶします。,https://lh3.googleusercontent.com/-dCrSqcYLbEg/VziRkYw8_xI/AAAAAAAAOXg/0oS6CVwRbkIa02qT5nmfNEMzLqdckmAkwCCo/s200/NimbusFilledSlider.png)

** JSplitPaneに追加したコンポーネントをドラッグしてDividerの位置を変更する [#DividerLocationDragLayer]
#swingdescription(Swing/DividerLocationDragLayer,JSplitPaneに追加したコンポーネントをドラッグしてDividerの位置を変更する,JSplitPaneに追加した子コンポーネントの余白などをドラッグしてDividerの位置を変更可能にするJLayerを設定します。,https://lh3.googleusercontent.com/-XN3zaDJCb4g/V0sFzBq9QTI/AAAAAAAAOYQ/B2Y_715QARo0KbrhzgyG73OaYqKmeZwvgCCo/s200/DividerLocationDragLayer.png)

** JSliderのトラックをクリックしても値の変更が発生しないように設定する [#DisableScrollDueToClickInTrack]
#swingdescription(Swing/DisableScrollDueToClickInTrack,JSliderのトラックをクリックしても値の変更が発生しないように設定する,JSliderのノブのドラッグとカーソルキーでのみ値変更を許可し、トラックのマウスクリックによる値変更を無効にします。,https://drive.google.com/thumbnail?id=1ifIQLyAQgYQFw_5p3MbXRm4Z9j5VB33lSg)

* ↑20 ↓21 [#e10e0321]
#adsensebar

** JSliderのFocusBorderを非表示に設定する [#SliderFocusBorder]
#swingdescription(Swing/SliderFocusBorder,JSliderのFocusBorderを非表示に設定する,WindowsLookAndFeelを使用するJSliderで、点線のFocusBorderを非表示に設定します。,https://drive.google.com/thumbnail?id=1zvmXqQPcE3P84DbjDk0vFmBympd7es24Gw)

** JSliderでオン・オフ切り替え可能なスイッチボタンを作成する [#ToggleSwitch]
#swingdescription(Swing/ToggleSwitch,JSliderでオン・オフ切り替え可能なスイッチボタンを作成する,JSliderを使用してマウスクリックやつまみのドラッグでオン・オフの切り替え可能なスイッチボタンを作成します。,https://drive.google.com/thumbnail?id=1eHKdswGa47y1nDw6S6vz_3ogSY7RxHFJ)

** JPopupMenuに追加したJSliderの表示・非表示をチェックボックスで切り替える [#SliderMenuItem]
#swingdescription(Swing/SliderMenuItem,JPopupMenuに追加したJSliderの表示・非表示をチェックボックスで切り替える,JPopupMenuに追加したJSliderの表示・非表示などを同じくJPopupMenuに追加したJCheckBoxやJCheckBoxMenuItemを使用して切り替えます。,https://drive.google.com/thumbnail?id=1uAnPEgCDZO7xZ812Tsh5v-cqu5miTVJv)

** JSliderの上部に現在値を常時表示する [#SliderPaintValue]
#swingdescription(Swing/SliderPaintValue,JSliderの上部に現在値を常時表示する,JSliderのノブの上部などに現在値を常時表示するよう設定します。,https://drive.google.com/thumbnail?id=1_If8hmAB7ec08-gyZvzCvFP5vEDfjGtT)

** JPopupMenuに垂直JSliderを配置してJToggleButtonの上部に表示する [#PopupVolumeSlider]
#swingdescription(Swing/PopupVolumeSlider,JPopupMenuに垂直JSliderを配置してJToggleButtonの上部に表示する,JPopupMenuに垂直JSliderを配置し、JToggleButtonに設定したJToolTipを表示するときにその上部に重ねて表示します。,https://drive.google.com/thumbnail?id=1JlCYec_huorcrZoTG5_-vs7oFTK0TRhF)

** JSliderのトラック内部に目盛りを描画する [#MajorTickOnTrack]
#swingdescription(Swing/MajorTickOnTrack,JSliderのトラック内部に目盛りを描画する,JSliderのトラック内部に大目盛り、ノブ内部に現在値を描画します。,https://drive.google.com/thumbnail?id=1L0-XlJbF6L06V-UhIgnH2jae6Zs2kCVq)

** JSliderのノブをダブルクリックして値を初期値にリセットする [#ZoomLevelsSlider]
#swingdescription(Swing/ZoomLevelsSlider,JSliderのノブをダブルクリックして値を初期値にリセットする,JSliderのノブをダブルクリックして値を初期値にリセットしたり、初期値近辺でノブの吸着を実行します。,https://drive.google.com/thumbnail?id=1UUf36GRObxKK0Insuq9_W2-OhKEIRYmH)

** MetalLookAndFeelを適用したJSliderで現在値までのトラック背景色を変更する [#SliderAltTrackColor]
#swingdescription(Swing/SliderAltTrackColor,MetalLookAndFeelを適用したJSliderで現在値までのトラック背景色を変更する,MetalLookAndFeelを適用したJSliderで現在値を示す領域のトラック背景色を変更します。,https://drive.google.com/thumbnail?id=1NIeKsjf4OZ3BQSuBNBzO0YkDemUbh1k3)

** JSliderの値を増減するJButtonを作成する [#SliderWithArrowButtons]
#swingdescription(Swing/SliderWithArrowButtons,JSliderの値を増減するJButtonを作成する,JSliderの値を減少、増加するJButtonを作成してその左右に配置します。,https://drive.google.com/thumbnail?id=1xjLVPR8SE7m4MInXokfLDVPG8fBpLEDS)

** JSliderの目盛り表示位置をトラック上部に変更する [#SliderTicksPosition]
#swingdescription(Swing/SliderTicksPosition,JSliderの目盛り表示位置をトラック上部に変更する,水平JSliderの目盛りをトラック上部に表示し、つまみの矢印も上向きに描画するよう変更します。,https://drive.google.com/thumbnail?id=1Jm5tHOewLJQ6ExRVgFWdzBBTezrNjzZA)

** JSliderの目盛りの色を変更する [#SliderTickColor]
#swingdescription(Swing/SliderTickColor,JSliderの目盛りの色を変更する,JSliderの目盛りの色変更をLookAndFeelごとにテストします。,https://drive.google.com/thumbnail?id=1Cf9CFyGMxx4esEAIv644pqKWVvQvd77c)

** JSliderの最小・最大値を表示するLabelの揃えを変更する [#SliderLabelAlignment]
#swingdescription(Swing/SliderLabelAlignment,JSliderの最小・最大値を表示するLabelの揃えを変更する,JSliderの最小値ラベルを左揃え、最大値ラベルを右揃えで表示するよう設定します。,https://drive.google.com/thumbnail?id=1Z1V476NL7dZqvYL-kIqpWcKp7yYjvOfl)

** JSliderとテキスト入力欄を重ねて配置する [#CompactSlider]
#swingdescription(Swing/CompactSlider,JSliderとテキスト入力欄を重ねて配置する,JSliderとJFormattedTextFieldをOverlayLayoutで重ねて配置した数値入力コンポーネントを作成します。,https://drive.google.com/thumbnail?id=167ykESFUCmExYLbelyFvvxEAk7O6ghkT)