Тип QML GaugeStyle

Обеспечивает пользовательскую стилизацию для Gauge. Подробнее...

• Список всех членов, включая унаследованные члены

Свойства

• background : Компонент
• control : Gauge
• foreground : Компонент
• minorTickmark : Компонент
• tickmark : Компонент
• tickmarkLabel : Компонент
• valueBar : Компонент
• valuePosition : вещественное число

Подробное описание

Вы можете создать пользовательский указатель, заменив следующие делегаты:

• background
• valueBar
• tickmarkLabel

Ниже приведен пример создания указателя температуры, который изменяет цвет по мере увеличения его значения:

import QtQuick 2.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Extras 1.4

Rectangle {
    width: 80
    height: 200

    Timer {
        running: true
        repeat: true
        interval: 2000
        onTriggered: gauge.value = gauge.value == gauge.maximumValue ? 5 : gauge.maximumValue
    }

    Gauge {
        id: gauge
        anchors.fill: parent
        anchors.margins: 10

        value: 5
        Behavior on value {
            NumberAnimation {
                duration: 1000
            }
        }

        style: GaugeStyle {
            valueBar: Rectangle {
                implicitWidth: 16
                color: Qt.rgba(gauge.value / gauge.maximumValue, 0, 1 - gauge.value / gauge.maximumValue, 1)
            }
        }
    }
}

Показатель, отображающий значения в различные моменты во время анимации.

См. также Стиль указателя.

Документация по свойствам

background : Component

Фон указателя, отображаемый позади valueBar.

По умолчанию фон не определен.

[только для чтения] control : Gauge

Указатель, к которому прикреплена данная стилизация.

foreground : Component

Полоса, представляющая переднюю часть указателя.

Этот компонент отображается над всеми другими компонентами.

minorTickmark : Component

Каждый дополнительный рисок, отображаемый указателем.

Чтобы установить размер дополнительных рисок, укажите implicitWidth и implicitHeight.

По причинам размещения каждый дополнительный рисок должен иметь одинаковую implicitHeight. Если требуется разная высота для отдельных рисок, укажите эти высоты в дочернем элементе компонента.

В примере ниже мы уменьшаем ширину дополнительных рисок:

minorTickmark: Item {
    implicitWidth: 8
    implicitHeight: 1

    Rectangle {
        color: "#cccccc"
        anchors.fill: parent
        anchors.leftMargin: 2
        anchors.rightMargin: 4
    }
}

Каждый экземпляр этого компонента имеет доступ к следующему свойству:

См. также tickmark.

tickmark : Component

Каждый рисок, отображаемый указателем.

Чтобы установить размер рисок, укажите implicitWidth и implicitHeight.

Самый широкий рисок определит отводимое для всех рисок пространство. По этой причине implicitWidth каждого риска должно быть больше или равно этому для каждого дополнительного риска. Если вам нужно, чтобы дополнительные риски имели большую ширину, чем основные риски, установите большую ширину в дочернем элементе компонента minorTickmark.

По причинам размещения каждый рисок должен иметь одинаковую implicitHeight. Если требуется разная высота для отдельных рисок, укажите эти высоты в дочернем элементе компонента.

В примере ниже мы уменьшаем высоту рисок:

tickmark: Item {
    implicitWidth: 18
    implicitHeight: 1

    Rectangle {
        color: "#c8c8c8"
        anchors.fill: parent
        anchors.leftMargin: 3
        anchors.rightMargin: 3
    }
}

Каждый экземпляр этого компонента имеет доступ к следующим свойствам:

См. также minorTickmark.

tickmarkLabel : Component

Это определяет текст каждой метки рисок на указателе.

Каждый экземпляр этого компонента имеет доступ к следующим свойствам:

valueBar : Component

Полоса, представляющая значение указателя.

Высота полосы значений автоматически изменяется в соответствии с value и не требует указания.

При определении пользовательской valueBar ее свойство implicitWidth должно быть установлено.

[только для чтения] valuePosition : real

Это свойство содержит значение, отображаемое указателем, как позицию в пикселях.

Полезно для пользовательской стилизации.