IconButton

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

IconButton는 선택 가능한 글리프/텍스트를 갖춘 아이콘 우선 버튼 변형입니다.

목적

• 프로젝트 구조 대체 경로 아이콘과 함께 컴팩트 아이콘 작업 버튼을 제공합니다.
• URL, 아이콘 이름 토큰 또는 문자 모양 텍스트로 아이콘 소스를 지원합니다.

API

아이콘 입력:

• iconSource(내부 url에 대한 별칭)
• iconName
• iconGlyph
• iconSize

계산된/아이콘 해상도:

• resolvedIconName
• resolvedIconSource
• renderedIconSource

레이아웃:

• 고정 높이: Theme.gap20
• 컴팩트 패딩 ( Theme.gap2 )

해결 순서

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

렌더링된 소스는 SvgManager.icon(...)를 통해 정규화되고 SvgManager.revision에 의해 새로 고쳐집니다.

사용법

import LVRS 1.0 as LV

LV.IconButton {
    tone: LV.AbstractButton.Borderless
    iconName: "add"
}

고급 예: Glyph 대체 경로 아이콘

import LVRS 1.0 as LV

LV.IconButton {
    iconGlyph: "+"
    iconSize: 14
    text: "Add"
}

문제 해결

아이콘이 렌더링되지 않는 경우:

1. 아이콘 이름이 아이콘 세트에 있는지 확인하십시오.
2. Theme.iconPath(...)에서 리소스 경로를 확인하고,
3. SVG 관리자 개정 업데이트가 차단되지 않았는지 확인하십시오.

레시피: 툴바 아이콘 액션 + 툴팁

import QtQuick
import LVRS 1.0 as LV

LV.IconButton {
    id: refreshButton
    iconName: "refresh"
    tone: LV.AbstractButton.Borderless
    ToolTip.visible: hovered
    ToolTip.text: "Refresh"
}

생산 노트

• 아이콘 이름을 의미상 안정적으로 유지하고 불투명한 일회성 이름을 피하세요.
• 인접한 컨트롤과의 일관성을 위해 디자인 토큰 아이콘 크기 값을 선호합니다.