JavaFX UI - 18.Tooltip

Tooltip 클래스는 다른 UI 컨트롤에 대한 부가 정보를 표시하기 위해 일반적으로 사용되는 UI 컴포넌트이다. 툴팁은 setTooltip 메서드를 통해 다른 컨트롤 상에 지정될 수 있다.

툴팁은 두 가지의 서로 다른 상태를 가진다. : activated, showing

마우스가 해당 컨트롤 상에서 움직일 때, 툴팁이 활성화된다. 그리고 실제로 툴팁이 보여지면 showing 상태가 된다. 화면에 보여진 툴팁 또한 활성화된 상태이다. 일반적으로 툴팁이 활성화되는 때와 실제로 보여지는 때 사이에는 약간의 시간 지연이 있다.

아래 화면은 password field에 툴팁을 설정한 화면이다.

1. Creating a Tooltip

위 화면과 같이 툴팁을 가진 password field를 생성하는 샘플 코드는 아래와 같다.

Example 18-1 Adding a Tooltip to the Password Field

Javafx.scene.control 패키지에 정의된 각 UI 컨트롤들은 툴팁은 설정하기 위한 setTooltip 메서드를 가진다.
Tooltip 클래스는 Labeled 클래스를 상속하였으므로, 텍스트 뿐만 아니라 그래픽 아이콘까지 지정할 수 있다.

아래 예제는 툴팁에 그래픽 아이콘을 추가하는 샘플 코드이다.

Example 18-2 Adding an Icon to a Tooltip

코드가 적용되면 아래와 같은 모습의 툴팁을 설정할 수 있다.

2. Presenting Application Data in Tooltips

아래 화면은 호텔숙박 총액을 계산하기 위하여 사용자가 툴팁에 디스플레이되는 정보를 활용할 수 있도록 구현한 어플리케이션 화면이다.

각 체크박스에는 툴팁이 설정되어 있으며, 이 툴팁들은 각 예약 옵션에 대한 비용을 표시하고 있다. 만약 사용자가 체크박스를 선택한다면, 그에 해당하는 비용이 총액에 더해질 것이다. 반대로 체크박스의 선택이 해제되면 총액에서 해당 비용이 차감된다.
아래 예제는 위 어플리케이션에 대한 소스 코드이다.

Example 18-3 Using Tooltips to Calculate Hotel Rates