CustomTheme QML Type

Définit un thème personnalisé nommé. Plus d'informations...

• Liste de tous les membres, y compris les membres hérités

Propriétés

• name : string
• theme : Component

Description détaillée

CustomTheme vous permet d'ajouter des thèmes supplémentaires à light et dark. Alors que les thèmes clair et foncé sont appliqués sur automatically en fonction du schéma de couleurs du système d'exploitation, un thème personnalisé doit être activé explicitement par l'application. Hormis cette différence, tous les thèmes fonctionnent de la même manière.

Vous pouvez définir un nombre illimité de thèmes personnalisés à l'intérieur d'un site Style.

Style {
    CustomTheme {
        name: "HighContrast"
        theme: Theme {
            control.background.color: "white"
            control.background.border.color: "black"
            control.background.border.width: 2
        }
    }

    CustomTheme {
        name: "Sepia"
        theme: Theme {
            control.text.color: "#5b4636"
            control.background.color: "#f4ecd8"
            control.background.border.color: "#c8b99a"
            applicationWindow.background.color: "#efe6d0"
        }
    }
}

Pour activer un thème personnalisé, attribuez son nom à Style::themeName à partir de l'application :

ComboBox {
    model: StyleKit.style.themeNames
    onCurrentTextChanged: StyleKit.style.themeName = currentText
}

Vous pouvez également définir un thème personnalisé comme thème par défaut au démarrage :

ApplicationWindow {
    width: 1024
    height: 800
    visible: true

    StyleKit.style: MyStyleKitStyle {
        themeName: "HighContrast"
    }
}

Les thèmes personnalisés définis dans un style peuvent être interrogés au moment de l'exécution à partir de Style::customThemeNames ou Style::themeNames.

Voir aussi Theme, Style::themeName, et Style::customThemeNames.

Documentation sur les propriétés

name : string

Le nom de ce thème. C'est la valeur que vous attribuez à Style::themeName pour l'activer.

theme : Component

Le composant Theme qui définit le thème. Il ne sera instancié que lorsque le thème sera activé.

Les propriétés non définies dans le thème reviennent à celles définies dans le composant Style.