IndicatorStyle QML Type

Legt den Stil für die Anzeige eines Steuerelements fest. Mehr...

Dieser Typ befindet sich in der Technology Preview und kann sich noch ändern.

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Eigenschaften

• first : SubIndicatorStyle
• foreground : DelegateStyle
• second : SubIndicatorStyle

Ausführliche Beschreibung

„IndicatorStyle“ erweitert „ DelegateStyle “ um Eigenschaften, die speziell für die Gestaltung eines Indikators gelten.

Der „IndicatorStyle“ selbst beschreibt den Hintergrund des Indikators, während der „ foreground “ den darin gezeichneten Inhalt beschreibt. Beispielsweise gestaltet „ checkBox.indicator “ den Rahmen des Kontrollkästchens und „ checkBox.indicator.foreground “ das Häkchen. Bei „ switchControl “, „ slider “ und „ progressBar “ gestaltet der „IndicatorStyle“ die Rille und der „ForegroundStyle“ die Füllung.

checkBox {
    background.visible: false
    text.alignment: Qt.AlignVCenter | Qt.AlignLeft
    indicator {
        color: "transparent"
        border.width: 1
        foreground {
            color: "transparent"
            image.source: "qrc:/qt-project.org/imports/QtQuick/Controls/Basic/images/check.png"
            // Hide the checkMark when the CheckBox is unchecked
            visible: false
        }
    }
    checked {
        // Show the checkMark when the CheckBox is checked
        indicator.foreground.visible: true
    }
}

Einige Steuerelemente verfügen über mehr als einen Indikator. Beispielsweise verfügt SpinBox sowohl über eine Schaltfläche zum Erhöhen als auch über eine zum Verringern. Diese können mithilfe der Unterindikatoren „ first “ und „ second “ sowie „ spinBox.indicator.first “ und „ spinBox.indicator.second “ unabhängig voneinander gestaltet werden. Bei SpinBox gestaltet „ indicator.first “ die Schaltfläche zum Erhöhen und „ indicator.second “ die Schaltfläche zum Verringern. Eigenschaften, die nicht für einen Unterindikator festgelegt sind, werden auf den Indikator selbst zurückgesetzt.

spinBox {
    text.alignment: Qt.AlignHCenter | Qt.AlignVCenter
    padding: 0
    indicator {
        fillHeight: true
        color: "navy"
        opacity: 0.1
        foreground {
            color: "transparent"
            margins: 10
            image.color: "navy"
            image.fillMode: Image.PreserveAspectFit
            image.source: "qrc:/qt-project.org/imports/QtQuick/Controls/Basic/images/arrow-indicator.png"
            width: 10
            height: 10
            alignment: Qt.AlignCenter
        }
        // up button
        first {
            alignment: Qt.AlignRight
            foreground.rotation: -90
        }
        // down button
        second {
            alignment: Qt.AlignLeft
            foreground.rotation: 90
        }
    }
}

Siehe auch „ SubIndicatorStyle“ , „ DelegateStyle “, „ ControlStyle “, „ ControlStateStyle “ und die „FallbackStyle“-Referenz.

Dokumentation zu den Eigenschaften

first : SubIndicatorStyle

Gruppierte Eigenschaft zur Gestaltung des ersten Unterindikators von Steuerelementen, die mehrere Indikatoren anzeigen. Bei „ SpinBox “ wird damit die Schaltfläche „Erhöhen“ gestaltet. Nicht festgelegte Eigenschaften fallen auf den Indikator selbst zurück.

Siehe auch second.

foreground : DelegateStyle

Gruppierte Eigenschaft zur Gestaltung des Vordergrundelements dieses Indikators. Beispielsweise beschreibt „ checkBox.indicator “ den Rahmen des Kontrollkästchens, während „ checkBox.indicator.foreground “ das Häkchen bezeichnet.

Bei Steuerelementen wie slider, progressBar und switchControl stellt „ indicator.foreground “ die Fortschrittsanzeige oder die Füllung innerhalb der Rille dar, während „ indicator “ selbst die Rille darstellt.

second : SubIndicatorStyle

Gruppierte Eigenschaft zur Gestaltung der zweiten Unteranzeige beispielsweise eines „ SpinBox “. Nicht festgelegte Eigenschaften greifen auf die Anzeige selbst zurück.

Siehe auch first.