CustomTheme QML Type

Définit un thème personnalisé nommé. En savoir plus...

Ce type est en préversion technique et est susceptible d'être modifié.

• 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 en plus de light et dark. Alors que les thèmes clair et foncé sont appliqués automatically en fonction de la palette de couleurs du système d'exploitation, un CustomTheme 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 autant de thèmes personnalisés que vous le souhaitez au sein d’un 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 CustomTheme, définissez Style::themeName sur son nom depuis l’application :

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

Vous pouvez également définir un CustomTheme 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 à l’exécution via ` Style::customThemeNames ` ou ` Style::availableThemeNames`.

Voir également Theme, Style::themeName et Style::customThemeNames.

Documentation sur les propriétés

name : string

Le nom de ce thème. Il s'agit de 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 reprennent par défaut celles définies dans ` Style`.