UI Toolkit: 도구 팁

사용자가 페이지의 보기에 마우스를 올리면 메시지를 표시합니다.

도구 팁 보기는 입력 보기에 대한 유용한 팁을 표시하는 데 가장 일반적으로 사용됩니다. 도구 팁 보기는 일반 텍스트와 같은 기타 보기에 대한 컨테이너입니다.

구성에서 보기의 모양 및 동작 특성을 설정하거나 수정하십시오. 이벤트 아래에서, 공식 구성 특성을 설정하십시오.

화면 크기: 특성 이름 옆에 화면 크기 아이콘 이 있는 구성 특성은 각 화면 크기에 대해 다른 값을 가질 수 있습니다. 값을 설정하지 않을 경우 화면 크기는 다음으로 큰 화면 크기 값을 기본값으로 상속합니다.

테마 정의: 테마 정의는 보기를 위해 색상 및 스타일을 지정하고 보기의 모양을 결정합니다. 테마 편집기에서 보기의 룩앤필을 미리볼 수 있습니다. 테마를 참조하십시오.

도구 팁의 모양 구성 특성은 다음 표에 나와 있습니다.

표 1. 도구 팁의 모양 구성 특성
모양 구성 특성	설명	데이터 유형
레이블 표시	레이블을 표시합니다. 도구 팁 보기에 레이블이 있으면 표시됩니다. 도구 팁 보기에 레이블이 없고 다른 보기가 포함된 경우 내부 보기의 레이블이 표시됩니다. 레이블 표시를 선택하지 않으면 레이블이 표시되지 않습니다. 참고: 보기 레이블 가시성 특성은 무시됩니다.	`Boolean`
레이블 배치	레이블 위치입니다.	`String`
레이블 너비	레이블의 너비입니다. 너비(px, 픽셀) 또는 em 단위를 지정할 수 있습니다. 예를 들면, 50px, 20% 또는 0.4em입니다. 단위 유형이 지정되지 않으면 px를 사용합니다.	`String`
너비	뷰의 너비. 너비(px, 픽셀) 또는 em 단위를 지정할 수 있습니다. 예를 들면, 50px, 20% 또는 0.4em입니다. 단위 유형이 지정되지 않으면 px를 사용합니다.	`Integer`
색상 스타일	보기의 색상 스타일입니다. 색상은 지정된 테마에서 변수에 해당됩니다.	`ColorStyle`
가로 위치	도구 팁의 가로 위치입니다.
세로 위치	도구 팁의 세로 위치 설정입니다.

도구 팁의 동작 구성 특성은 다음 표에 나와 있습니다.

표 2. 도구 팁의 동작 구성 특성
동작 구성 특성	설명	데이터 유형
도구 팁 표시	페이지를 로드하면 도구 팁이 표시됩니다.	`Boolean`
마우스를 위에 두면 표시	사용자가 관련 보기 위로 마우스를 이동하면 도구 팁이 표시됩니다.	`Boolean`
HTML로서의 텍스트	HTML을 사용하여 도구 팁 텍스트를 렌더링합니다. 이런 경우, 일반 탭의 도움말 텍스트 상자에 도구 팁 텍스트를 입력해야 합니다.	`Boolean`

이 예제에서는 도구 팁 안에 일반 텍스트 보기가 있고 도구 팁 보기에 대해 다음과 같은 구성 특성이 설정됩니다.

이벤트:
- 도구 팁 수식 은 "My tooltip"로 설정됩니다.
모양 구성:
- 레이블 표시 가 선택되지 않았습니다.
- 레이블 배치 는 왼쪽으로 설정됩니다.
- Width 는 50%로 설정됩니다.
- 색상 스타일 은 기본값으로 설정됩니다.
- 수평 위치 는 왼쪽으로 설정됩니다.
- 세로 위치 는 맨 위로 설정됩니다.
동작 구성:
- 도구 팁 표시 가 선택됩니다.
- 마우스를 위에 두면 표시가 선택되지 않습니다.
- HTML로서의 텍스트가 선택됩니다.

이러한 특성과 해당 값을 사용하면 기본 도구 팁 보기 크기의 절반 크기인 도구 팁 요소가 생성되고 검정색 배경에 내 도구 팁이 표시됩니다. 이 도구 팁 요소는 왼쪽의 텍스트 영역 위에 표시되며 페이지가 로드되는 즉시 볼 수 있습니다.

참고: 도구 팁 보기는 컨테이너 보기입니다. 런타임 시 중첩 보기 주위에 자체 랩핑됩니다.

이벤트 특성에서 보기에 대한 이벤트 핸들러 및 공식 구성 특성을 설정하거나 수정하십시오. 사용자가 보기로 상호작용할 때 또는 프로그래밍 방식으로 트리거되도록 이벤트를 설정할 수 있습니다. 이벤트를 정의하고 코딩하는 방법에 대한 정보는 사용자 정의 이벤트를 참조하십시오.

도구 팁의 공식 구성 특성은 다음 표에 나와 있습니다.

표 3. 도구 팁의 공식 구성 특성
공식 구성 특성	설명	데이터 유형
도구 팁 수식	도구 팁 텍스트를 계산하는 데 사용되는 공식 또는 표현식입니다. 수식에 대한 자세한 정보는 수식을 참조하십시오.	`String`

도구 팁에는 다음 유형의 이벤트 핸들러가 있습니다.

On load: 페이지가 로드될 때 활성화됩니다.
On click: 도구 팁을 클릭하면 활성화됩니다.

Coach 또는 페이지를 작성하는 방법에 대한 정보는 Coach 빌드를 참조하십시오.
표준 특성 (일반, 구성, 위치 지정, 가시성및 HTML 속성) 에 대한 정보는 특성 보기를 참조하십시오.

도구팁

구성 특성

예

이벤트

메소드

추가 자원