Divider-V
Divider-V(세로 구분선) 위젯은 콘텐츠 사이를 세로 선으로 나누는 구분선입니다.
가로로 나란히 배치된 항목 사이에 세로 경계선을 넣을 때 사용합니다.
정의 / 역할
Divider-V 위젯은 세로 방향의 얇은 선을 그려 좌우 콘텐츠를 시각적으로 구분합니다. 선의 두께·색상, 위아래 여백, 그리고 선이 차지하는 가로 폭을 설정할 수 있습니다.
- 카테고리: Dividers (구분선·여백)
- 드롭 시:
100 × 100크기의 SizedBox 안에 세로 구분선이 그려집니다.(이 SizedBox는 Styles 패널에 파츠로 표시됩니다) 선 두께·색 등 구분선 속성은 미지정이라 선 자체는 앱 테마 기본 스타일로 그려집니다.
기능
| 기능 | 설명 |
|---|---|
| 세로 구분 | 가로로 배치된 콘텐츠 사이에 세로 선을 그려 영역을 나눕니다. |
| 선 스타일 | 선 두께(thickness)와 색상(color)을 설정합니다. |
| 여백·폭 조정 | 선 위쪽(indent)·아래쪽(endIndent) 여백과 선이 차지하는 가로 폭(width)을 조정합니다. |
사용 방법
- 왼쪽 위젯 팔레트에서 Dividers 카테고리를 엽니다.
- Divider-V 항목을 캔버스로 끌어다 놓습니다.
- 오른쪽 속성 패널에서 선 두께(
thickness)와 색상(color)을 원하는 값으로 조정합니다. - 필요하면 위아래 여백(
indent·endIndent)과 가로 폭(width)을 설정합니다.
속성 (Property)
| 속성 | 설명 | 기본값 | 값 / 타입 |
|---|---|---|---|
width | 구분선이 차지하는 가로 폭 (선은 이 폭 안에서 가운데에 그려짐) | 미지정 | 숫자(px) |
thickness | 실제로 그려지는 선의 두께 | 미지정 | 숫자(px) |
indent | 선 위쪽(시작) 빈 여백 | 미지정 | 숫자(px) |
endIndent | 선 아래쪽(끝) 빈 여백 | 미지정 | 숫자(px) |
color | 선 색상 | 미지정 | 색상 |
주의 / 팁
팁
모든 속성을 비워 두면(미지정) 앱 테마의 기본 구분선 스타일로 그려집니다. 선을 눈에 띄게 하려면 thickness와 color를 직접 지정하세요.
노트
width는 선 자체의 두께가 아니라 구분선이 차지하는 가로 폭입니다. 실제 선 두께는 thickness로 조정하며, 선은 이 폭 안에서 가운데에 그려집니다.
더 알아보기
팁
이 위젯을 스크립트로 제어하는 Widget Control(Property·Method·Event) 전체는 Divider-V (세로 구분선) Widget Control 문서에서 확인하세요.