MenuDivider

위치: /Users/ymy/Developer/LVRS/qml/components/navigation/MenuDivider.qml

MenuDivider는 메뉴 그룹 사이에 사용되는 1축 구분선입니다.

목적

• 수평 또는 수직이 될 수 있는 최소한의 구분선을 제공하십시오.
• 단일 축 입력으로 구분 기호 렌더링을 결정적으로 유지합니다.

API

• axis: "horizontal" 또는 "vertical"(기본값: "horizontal")
• dividerColor(기본값: Theme.contextMenuDivider = Theme.panelBackground08)
• thickness(기본값: 1)
• crossPadding(기본값: 1)
• lineLength(기본값: 220)

계산됨:

• verticalAxis(읽기 전용)

사용법

import LVRS 1.0 as LV

LV.MenuDivider {
    axis: "horizontal"
}

import LVRS 1.0 as LV

LV.MenuDivider {
    axis: "vertical"
    lineLength: 80
}

동작 원리

• axis는 대소문자를 구분하지 않고 정규화됩니다.
• 수평 모드가 너비를 확장하고 전체 너비의 1px 라인을 그립니다.
• 수직 모드가 높이를 확장하고 전체 높이의 1px 라인을 그립니다.
• crossPadding는 교차 축에 적용되어 선이 시각적으로 중앙에 유지됩니다.

실용적인 참고 사항

• 방향을 기본 제어로 선택하려면 axis만 사용하십시오.
• 더 무거운 구분자가 명시적으로 필요한 경우를 제외하고 thickness 를 1 로 Figma 평형을 유지하십시오.