ToolsColumn QML Type

The tools column component for Neptune 3 UI applications. More...

• List of all members, including inherited members

Properties

• currentText : string
• iconFillMode : int
• iconRectHeight : real
• iconRectWidth : real
• translationContext : string

Signals

• clicked()

Detailed Description

The ToolsColumn provides a custom column of tool buttons for Neptune 3 UI Applications to follow the specification where only one of them can be selected at any given time.

See Neptune 3 UI Components and Interfaces to see more available components in Neptune 3 UI.

The ToolsColumn inherits its API from AbstractButton to display icons for the items. To use icons from theme (icon.name property of a button) add icon role to the model items. To define icon by source URL (icon.source property of a button) add sourceOn and sourceOff roles to the model items for the selected and deselected states. Please refer to Icons in Qt Quick Controls 2 for how to use icon themes and icon URLs.

Example Usage

The following example uses ToolsColumn with icons defined by theme:

import QtQuick 2.10
import shared.controls 1.0

Item {
    id: root

    ToolsColumn {
        translationContext: "MyToolsColumn"
        model: ListModel {
            ListElement { icon: "ic-foo"; text: QT_TRANSLATE_NOOP("MyToolsColumn", "foo") }
            ListElement { icon: "ic-bar"; text: QT_TRANSLATE_NOOP("MyToolsColumn", "bar") }
        }
    }
}

The following example uses ToolsColumn with icons defined by source URL:

import QtQuick 2.10
import shared.controls 1.0

Item {
    id: root
    ToolsColumn {
        translationContext: "MyToolsColumn"
        model: ListModel {
            ListElement {
                sourceOn: "ic-logo_ON.png"; sourceOff: "ic-logo_OFF.png";
                text: QT_TRANSLATE_NOOP("MyToolsColumn", "foo")
            }
        }
    }
}

Property Documentation

Signal Documentation