QML-тип ValueButton

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

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

Свойства

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

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

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

 import QtQuick 2.2
 import Sailfish.Silica 1.0

 Page {
     ValueButton {
         label: "Date"
         value: "Select"

         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.