JavaFX UI - 6.Choice Box

Choice box는 여러 옵션들 가운데 하나를 빠르게 선택하는 것을 지원하기 위해 제공되는 컨트롤이다. 아래 화면은 세 가지 옵션을 가진 choice box를 보여준다.

1. Creating a Choice Box

아래 예제는 세 가지 옵션을 가진 choice box를 생성하는 코드이다. 세 가지 옵션 항목들에 대한 리스트를 생성하고 이를 ChoiceBox 생성자에 파라미터로 넘긴다. 이 때 넘겨지는 옵션 항목들의 리스트는 observable array를 사용한다.

 

Example 6-1 Creating a Choice Box

 

다음 예제는 빈(empty) choice box를 먼저 생성한 후, 나중에 setItems 메서드를 통해 옵션 항목 리스트를 설정하는 코드이다.

 

Example 6-2 Choice Box with Text Elements and a Separator
 

Choice box는 텍스트 요소 뿐만 아니라 다른 객체들도 포함할 수 있다. 위 예제에서 사용된 Separator 객체는 옵션 항목들을 구분하기 위해 사용되었으며, 결과 화면은 아래와 같다.

2. Setting the Behavoir for a Choice Box

아래 화면은 다섯 가지 옵션을 가진 choice box를 보여준다. 특정 언어가 선택되면 그에 해당하는 인사 메시지가 나타난다.

아래 예제는 위와 같은 동작을 구현한 코드이다.

Example 6-3 Selecting a Choice Box Item

람다 표현식으로 구현된 ChangeListener<Number> 객체는 현재 선택된 옵션의 인덱스를 구한 후, 그 인덱스에 해당하는 인사 메시지를 배열로부터 얻어 lable의 텍스트로 지정한다.


3. Applying Tooltip

Tooltip 클래스는 미리 짜여진 툴팁을 제공하며, setTooltip 메서드를 통해 choice box 뿐만 아니라 어떠한 JavaFX 컨트롤에도 적용될 수 있다.

Example 6-4 Adding a Tooltip to a Choice Box

일반적으로 Tooltip 클래스의 생성자에서 툴팁 메시지를 정의한다. 툴팁 메시지가 동적으로 설정되기를 원한다면, 파라미터가 없는 Tooltip 생성자를 통해 Tooltip 객체를 생성한 후 나중에 setText 메서드를 이용하여 툴팁 메시지를 설정할 수 있다.

아래 화면은 툴팁이 적용된 모습을 보여준다.