LVRS Storyboard Frame

components/control/LabelMenuButton.svx

Path: components/control/LabelMenuButton.svx

Last modified:

LabelMenuButton

위치: qml/components/control/buttons/LabelMenuButton.qml

LabelMenuButton는 AbstractButton를 기반으로 한 텍스트 + 체브론 메뉴 트리거입니다.

목적

  • 텍스트 우선 툴바를 위한 컴팩트한 메뉴 호출 버튼을 제공하십시오.
  • 지표 의미를 톤/비활성 상태와 일치하도록 유지하십시오.

API

상속된 AbstractButton API 플러스 지표 동작.

레이아웃 계약:

  • 고정 높이: Theme.gap20
  • horizontalPadding: Theme.gap8
  • verticalPadding: Theme.gap2
  • spacing: Theme.gap2

인디케이터 매핑

  • 비활성화됨 -> panDownSymbolicDisabled
  • 무경계 -> panDownSymbolicBorderless
  • 기본/파괴 -> panDownSymbolicAccent
  • 기본 → panDownSymbolicDefault

사용법

import LVRS 1.0 as LV

LV.LabelMenuButton {
    text: "Options"
    tone: LV.AbstractButton.Default
}

고급 예시: 무경계 툴바 메뉴 트리거

import LVRS 1.0 as LV

LV.LabelMenuButton {
    text: "More"
    tone: LV.AbstractButton.Borderless
}

인디케이터와 텍스트 스타일은 콤팩트한 기하학을 유지하면서 톤을 인식합니다.

FAQ

Q. Default와 Primary 톤 사이의 인디케이터 색상이 왜 다릅니까? A. 톤 매핑은 고강도 톤에 대해 억양 표시기를 의도적으로 사용합니다.

Q. 표시기를 사용자 지정 아이콘으로 교체할 수 있습니까? A. 구성 요소 계약은 직접 지표 소스 재정의를 노출하지 않습니다. 필요한 경우 사용자 정의 파생 구성 요소를 사용하십시오.

검증 체크리스트

  • 각 버튼 톤에 대한 표시 톤 매핑이 정확합니다.
  • 텍스트와 표시등은 좁은 행에 수직으로 정렬된 상태를 유지합니다.
  • 비활성화된 상태는 초점/상호작용 전파를 방지합니다.