LVRS Storyboard Frame
components/control/IconMenuButton.svx
Path: components/control/IconMenuButton.svx
IconMenuButton
위치: qml/components/control/buttons/IconMenuButton.qml
IconMenuButton는 메인 아이콘과 뒤의 메뉴 표시기 체브론을 결합합니다.
목적
- 아이콘 중심 표면을 위한 컴팩트한 메뉴 트리거 버튼을 제공하십시오.
- 메인 아이콘에는 프로젝트 구조 대체 경로를 사용하고, 체브론 표시기에는 톤 인식 정책을 사용하십시오.
API
메인 아이콘 API :
iconSource(별칭)iconNameiconGlyphiconSize
지표 동작:
- 인디케이터 이름은 톤 + 유효 활성화 상태를 기준으로 계산됩니다.
- 렌더링된 표시기 소스는
SvgManager.icon(...)를 사용합니다.
레이아웃:
- 고정 높이:
Theme.gap20 horizontalPadding: Theme.gap2verticalPadding: Theme.gap2spacing: Theme.gap4
메인 아이콘 해상도 순서
- 명시적
iconSource - 명시적
iconName - 그룹화된
icon.name - 기본 대체 경로 아이콘(
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를 사용하십시오.
검증 체크리스트
- 메인 아이콘 대체 경로 주문은 빈/부분 입력에 작동합니다.
- 톤/에이전환 전환 시 인디케이터 아이콘이 올바르게 변경됩니다,
- 컴팩트 기하학은 툴바 행에서 안정적으로 유지됩니다.