Divider-H
Divider-H(가로 구분선) 위젯은 콘텐츠 사이를 가로선 하나로 나누는 구분선입니다.
목록 항목·섹션·그룹 사이의 경계를 시각적으로 구분할 때 사용합니다.
정의 / 역할
Divider-H 위젯은 수평 방향으로 얇은 선 하나를 그려 위아래 콘텐츠를 나눕니다. 선의 두께·색·좌우 여백과 선을 포함한 구분선 영역의 전체 높이를 설정할 수 있습니다.
- 카테고리: Dividers (구분선·여백)
- 방향: 가로(수평)
- 드롭 시:
100 × 100크기의 SizedBox 안에 가로 구분선이 그려집니다(이 SizedBox는 Styles 패널에 파츠로 표시됨). 구분선 속성을 지정하지 않으면 선 자체는 앱 테마의 기본 구분선 스타일로 그려집니다.
기능
| 기능 | 설명 |
|---|---|
| 가로 구분선 | 위아래 콘텐츠 사이에 수평선 하나를 그려 영역을 나눕니다. |
| 선 두께 | 그려지는 선의 두께(thickness)를 조정합니다. |
| 선 색상 | 선의 색(color)을 지정합니다. |
| 좌우 여백 | 선의 왼쪽(indent)·오른쪽(endIndent)에 두는 빈 공간을 설정합니다. |
| 전체 높이 | 선을 포함한 구분선 영역의 세로 높이(height)를 설정합니다. |
사용 방법
- 왼쪽 위젯 팔레트에서 Dividers 카테고리를 엽니다.
- Divider-H 항목을 캔버스로 끌어다 놓습니다.
- 오른쪽 속성 패널에서 두께(
thickness)·색(color)·좌우 여백을 원하는 값으로 조정합니다.
속성 (Property)
| 속성 | 설명 | 기본값 | 값 / 타입 |
|---|---|---|---|
height | 선을 포함한 구분선 영역의 세로 전체 높이 | 미지정 | 숫자(px) |
thickness | 그려지는 선 자체의 두께 | 미지정 | 숫자(px) |
indent | 선 왼쪽(시작)에 두는 빈 여백 | 미지정 | 숫자(px) |
endIndent | 선 오른쪽(끝)에 두는 빈 여백 | 미지정 | 숫자(px) |
color | 선의 색 | 미지정 | 색상 |
주의 / 팁
팁
모든 속성의 기본값은 미지정입니다. 값을 비워 두면 앱 테마의 기본 구분선 스타일(색·두께)이 그대로 적용됩니다.
경고
height는 선 자체의 두께가 아니라 선을 포함한 구분선 영역 전체의 세로 높이입니다. 선을 더 굵게 그리려면 thickness를 조정하세요.
더 알아보기
팁
이 위젯을 스크립트로 제어하는 Widget Control(Property·Method·Event) 전체는 Divider-H (가로 구분선) Widget Control 문서에서 확인하세요.