LVRS Storyboard Frame

components/control/IconMenuButton.svx

Path: components/control/IconMenuButton.svx

Last modified:

IconMenuButton

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

IconMenuButton는 메인 아이콘과 뒤의 메뉴 표시기 체브론을 결합합니다.

목적

  • 아이콘 중심 표면을 위한 컴팩트한 메뉴 트리거 버튼을 제공하십시오.
  • 메인 아이콘에는 프로젝트 구조 대체 경로를 사용하고, 체브론 표시기에는 톤 인식 정책을 사용하십시오.

API

메인 아이콘 API :

  • iconSource (별칭)
  • iconName
  • iconGlyph
  • iconSize

지표 동작:

  • 인디케이터 이름은 톤 + 유효 활성화 상태를 기준으로 계산됩니다.
  • 렌더링된 표시기 소스는 SvgManager.icon(...)를 사용합니다.

레이아웃:

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

메인 아이콘 해상도 순서

  1. 명시적 iconSource
  2. 명시적 iconName
  3. 그룹화된 icon.name
  4. 기본 대체 경로 아이콘(projectStructure)

사용법

import LVRS 1.0 as LV

LV.IconMenuButton {
    tone: LV.AbstractButton.Default
    iconName: "viewMoreSymbolicDefault"
}

실용적인 참고 사항

  • IconMenuButton는 텍스트 라벨이 불필요한 컴팩트한 메뉴 제공에 가장 적합합니다.
  • 텍스트 우선 메뉴의 경우, LabelMenuButton를 사용하여 보다 명확한 사용성을 제공하십시오.

FAQ

Q. iconSource와 iconName가 모두 설정된 경우 어떤 아이콘이 승리합니까? A. iconSource는 우선순위가 더 높습니다.

Q. 텍스트 라벨이 지원됩니까? A. 이 구성 요소 계약에 명시적인 텍스트 라벨이 포함되어 있지 않습니다. 텍스트와 인디케이터의 경우 LabelMenuButton를 사용하십시오.

검증 체크리스트

  • 메인 아이콘 대체 경로 주문은 빈/부분 입력에 작동합니다.
  • 톤/에이전환 전환 시 인디케이터 아이콘이 올바르게 변경됩니다,
  • 컴팩트 기하학은 툴바 행에서 안정적으로 유지됩니다.