JavaFX UI - 14.Slider

Slider 컨트롤은 track과 draggable thumb로 구성된다. 또한 슬라이딩 범위의 수치 값들을 나타내기 위해 tick mark와 tick label들도 포함한다.

아래 그림은 전형적인 slider의 모습을 보여준다.

1. Creating a Slider

아래 예제 코드는 위 그림과 같은 slider를 생성하는 코드 샘플이다.

Example 14-1 Creating a Slider

setMin과 setMax 메서드는 슬라이딩 범위의 최소 및 최대 값을 지정하기 위해 사용한다. setValue 메서드는 slider의 현재 값을 지정하기 위해 사용되며, 값이 지정되면 thumb의 위치도 그 값에 따라 이동한다.

setShowTickMarks와 setShowTickLabels 메서드는 slider에 tick mark나 tick label을 보여줄지 여부를 지정한다. setMajorTickUnit은 slider의 major tick mark 간의 단위 간격을 지정하고, setMinorTickCount는 major tick 사이의 minor tick의 개수를 지정한다.
또한 setSnapToTicks 메서드를 이용하여 슬라이더의 현재 값이 항상 tick mark에 위치하도록 할 수 있다.

setBlockIncrement 메서드는 사용자가 트랙 상의 임의 위치를 클릭할 때, thumb가 이동하는 단위거리를 지정한다.


2. Using Sliders in Graphical Applications

아래 어플리케이션 화면은, 사진의 렌더링 속성을 조정하기 위하여 세 개의 슬라이더를 사용한다. 각 슬라이더는 각각 다른 비쥬얼 특성을 조절한다. (opacity level, sepia tone value, scaling factor)




아래 예제는 위와 같은 어플리케이션에 대한 소스 코드이다.

Example 14-2 Slider Sample

 

ImageView 객체의 opacity 프로퍼티가 첫 번째 슬라이더의 값에 따라 변경되고, SepiaTone 효과의 레벨이 두 번째 슬라이더 값에 따라 조정된다. 마지막 슬라이더는 ImageView의 setScaleX와 setScaleY 메서드를 이용하여 사진의 스케일을 조정한다.