ShapeBox

개요

꼬리(tail)가 달린 말풍선 형태의 도형 박스를 그립니다. 배경색·테두리와 꼬리의 방향·위치를 지정할 수 있습니다. 예를 들어 말풍선 형태의 툴팁이나 배지 배경으로 사용합니다.

속성 (Property)

속성	설명	값	기본값
Size (width · height)	말풍선 도형이 그려질 영역의 크기를 지정합니다. 스튜디오 편집 패널에서는 하나의 Size 항목으로 묶여 가로(width)·세로(height)를 함께 설정합니다. 미설정 시 자식 콘텐츠 크기를 따릅니다.	숫자(0 이상) - 가로·세로	미설정
direction	꼬리(tail)가 붙는 방향을 지정합니다. 위·아래는 세로형, 좌·우는 가로형으로 그립니다.	left, right, top, bottom	bottom
color	말풍선 몸체를 채우는 색을 지정합니다.	색상	빨강
radius	말풍선 모서리의 둥근 정도를 지정합니다. 미설정 시 각진 모서리로 처리하며, 미설정 상태에서 꼬리 위치가 0 또는 100이면 꼬리도 각지게 그립니다.	숫자	미설정
lineWidth	외곽선의 두께를 지정합니다. 테두리 색이 지정된 경우에만 적용됩니다.	숫자(0 이상)	1.0
borderColor	값이 지정되면 도형 외곽선을 해당 색으로 그립니다. 미설정 시 테두리를 그리지 않습니다.	색상	미설정
tailSize	꼬리의 크기(길이)를 지정합니다. 도형 높이(세로형) 또는 너비(가로형)의 절반을 넘으면 절반 값으로 제한됩니다.	숫자(0 이상)	10.0
tailVPos	꼬리가 변을 따라 붙는 위치를 백분율(0~100)로 지정합니다.	0 ~ 100	50.0