ToolBarStyle QML Type

Provides custom styling for ToolBar More...

Import Statement: import QtQuick.Controls.Styles 1.4
Since: Qt 5.2


Detailed Description

The tool bar can be defined by overriding the background component and setting the content padding.


ToolBar {
    style: ToolBarStyle {
        padding {
            left: 8
            right: 8
            top: 3
            bottom: 3
        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 40
            border.color: "#999"
            gradient: Gradient {
                GradientStop { position: 0 ; color: "#fff" }
                GradientStop { position: 1 ; color: "#eee" }

Property Documentation

background : Component

This defines the background of the tool bar.

This defines the menu button appearance on platforms that have a unified tool bar and menu bar.

The following read-only properties are available within the scope of the menu button delegate:

styleData.pressed : boolWhether the button is pressed.
styleData.hovered : boolWhether the button is hovered.
styleData.activeFocus : boolWhether the button has active focus.

This QML property was introduced in QtQuick.Controls.Styles 1.3.

panel : Component

This defines the panel of the tool bar.

© 2016 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.