QML-тип ValueButton

Интерактивный элемент управления, который отображает метку и значение. Подробнее…

Строка импорта:	import Sailfish.Silica 1.0
Наследуется от:	BackgroundItem
Наследники:	ComboBox

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

Свойства

• description : string
• label : string
• labelColor : color
• leftMargin : real
• rightMargin : real
• value : string
• valueColor : color

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

Тип ValueButton реализует интерактивный элемент управления, который отображает метку и значение.

Обычно он использует для отображения результата выбора, сделанного пользователем. В пример ниже при касании метки со значением открывается диалоговое окно. После подтверждения выбора значения в диалоге, значение метки соответствующим образом обновляется.

import QtQuick 2.2
import Sailfish.Silica 1.0

Page {
    ValueButton {
        label: "Дата"
        value: "Выбрать"

        onClicked: {
            var dialog = pageStack.push("Sailfish.Silica.DatePickerDialog")

            dialog.accepted.connect(function() {
                value = dialog.dateText
            })
        }
    }
}

Значение поля value автоматически располагается под значением поля label в случае, если текст обоих полей не умещается в отведенной области в одну строку.

См. также BackgroundItem.

Описание свойств

description : string

Необязательный текст для описания назначения метки со значением.

label : string

Первая часть отображаемого текста — метка.

Краткое описание типа данных, которые выбираются при касании метки со значением.

См. также value.

labelColor : color

Цвет отображаемой текстовой метки label.

Значение по умолчанию Theme.highlightColor в момент касания метки со значением и Theme.primaryColor в любой другой момент времени.

leftMargin : real

Отступ между левым и правым краями элемента ValueButton и его содержимым. Значение по умолчанию: Theme.horizontalPageMargin.

rightMargin : real

Отступ между левым и правым краями элемента ValueButton и его содержимым. Значение по умолчанию: Theme.horizontalPageMargin.

value : string

Вторая часть отображаемого текста — значение.

Краткое описание выбранных данных.

См. также label.

valueColor : color

Цвет отображаемого значения value.

Значение по умолчанию: Theme.highlightColor.