JavaFX UI - 8.Scroll Bar

ScrollBar 클래스는 scrollable pane이나 scrollable view를 생성할 수 있도록 해준다. 아래 그림은 scroll bar의 세 가지 영역을 보여준다.

• Thumb
• Right and Left button (Down and Up button)
• track

1. Creating a Scroll Bar

Example 8-1 Simple Scroll Bar

사용자가 thumb를 이동할 때, scroll bar의 값이 변하게 되는데, 이 값의 최소, 최대 값을 지정하기 위해 setMin과 setMax 메서드를 사용한다. 위 예제에서는 scroll bar의 최소값이 0, 최대값이 100이고 초기 설정 값이 50이므로 thumb는 scroll bar의 중앙이 위치할 것이다.

Scroll bar의 디폴트 방향은 수평 방향이며, setOrientation 메서드를 통해 방향을 바꿀 수 있다.
사용자는 left 또는 right 버튼을 통해 단위 증분 만큼 thumb를 이동시킬 수 있다. UNIT-INCREMENT 프로퍼티는 버튼 클릭 시, 한번에 움직이는 값의 크기를 지정한다.


2. Using a Scroll Bar in Your Application

아래 예제는 화면보다 큰 이미지를 보기 위해 scrollable scene을 만든 예시이다.

Example 8-2 Scrolling Through Multiple Images



위 예제에서 Vertical Box와 Scroll Bar가 scene graph의 root node에 추가되었고, scroll bar의 VALUE 프로퍼티가 변경될 때 vertical box의 y 좌표가 변경되도록 이벤트 처리가 구현되었다.