Тип QML GaugeStyle

Предоставляет настраиваемую стилизацию для Gauge. Подробнее...

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

Свойства

• фон : Компонент
• контроль : Gauge
• передний план : Компонент
• незначительная отметка : Компонент
• отметка : Компонент
• метка отметки : Компонент
• полоса значений : Компонент
• положение значения : вещественное число

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

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

• фон
• полоса значений
• метка отметки

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

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)
            }
        }
    }
}

Измеритель отображает значения в различные моменты анимации.

См. также Стиль Gauge.

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

фон : Компонент

Фон шкалы, отображаемый позади полосы значений.

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

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

Gauge, к которому прикреплен этот стиль.

передний план : Компонент

Полоса, представляющая передний план шкалы.

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

незначительная отметка : Компонент

Каждая незначительная отметка, отображаемая шкалой.

Для установки размера незначительных отметок укажите implicitWidth и implicitHeight.

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

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

minorTickmark: Item {
    implicitWidth: 8
    implicitHeight: 1

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

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

См. также отметка.

отметка : Компонент

Каждая отметка, отображаемая шкалой.

Для установки размера отметок укажите implicitWidth и implicitHeight.

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

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

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

tickmark: Item {
    implicitWidth: 18
    implicitHeight: 1

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

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

См. также minorTickmark.

метка отметки : Компонент

Определяет текст каждой метки отметки на шкале.

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

полоса значений : Компонент

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

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

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

[только для чтения] положение значения : вещественное число

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

Это полезно для настраиваемой стилизации.