StyleKit QML Type

A singleton for setting and accessing the current style. More...

This type is in technology preview and is subject to change.

• List of all members, including inherited members

Properties

• debug : StyleKitDebug
• style : Style
• styleUrl : string
• transitionsEnabled : bool

Methods

• bool styleLoaded()

Detailed Description

StyleKit is a singleton for setting the application Style.

// Main.qml

import QtQuick
import Qt.labs.StyleKit

ApplicationWindow {
    id: app
    width: 1024
    height: 800
    visible: true

    // Assign the style to be used
    StyleKit.style: PlainStyle {}

    // Controls are used as normal
    Column {
        anchors.fill: parent
        anchors.margins: 10
        spacing: 10

        Button {
            text: "Button"
        }

        Slider {
            width: 200
        }
    }
}

It also provides properties for global StyleKit configuration and debugging.

See also Style and StyleVariation.

Property Documentation

debug : StyleKitDebug [read-only]

A run-time debugging tool that can be used to trace style properties for a specific Control.

style : Style

The active style for the application.

Set this to a Style instance to apply it to all Qt Quick Controls.

// Main.qml

import QtQuick
import Qt.labs.StyleKit

ApplicationWindow {
    id: app
    width: 1024
    height: 800
    visible: true

    // Assign the style to be used
    StyleKit.style: PlainStyle {}

    // Controls are used as normal
    Column {
        anchors.fill: parent
        anchors.margins: 10
        spacing: 10

        Button {
            text: "Button"
        }

        Slider {
            width: 200
        }
    }
}

See also styleUrl and Style.

styleUrl : string

An alternative to style that loads a Style from a URL.

See also style.

transitionsEnabled : bool

Controls whether transitions are enabled globally.

Set this to false to disable all transitions in the current style.

The default value is true.

See also ControlStyle::transition.

Method Documentation

bool styleLoaded()

Returns true when the active style and its current theme have both finished loading. This can be used to defer initialization logic that depends on resolved style properties.

See also style and theme.