Spec-Zone.ru › Qt 5.6

Тип QML CalendarStyle

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

Заявление об импорте: import QtQuick.Controls.Styles 1.4
С момента: Qt 5.3
  • Список всех членов, включая унаследованные

Свойства

  • background : Компонент
  • control : Календарь
  • dayDelegate : Компонент
  • dayOfWeekDelegate : Компонент
  • gridColor : цвет
  • gridVisible : bool
  • navigationBar : Компонент
  • weekNumberDelegate : Компонент

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

Карта компонентов

Календарь имеет следующие стилизуемые компоненты:

background Заполняет весь элемент управления.

navigationBar

dayOfWeekDelegate Один экземпляр на каждый день недели.

weekNumberDelegate Один экземпляр на каждую неделю.

dayDelegate Один экземпляр на каждый день месяца.

Пример пользовательской стилизации

Calendar {
    anchors.centerIn: parent

    style: CalendarStyle {
        gridVisible: false
        dayDelegate: Rectangle {
            gradient: Gradient {
                GradientStop {
                    position: 0.00
                    color: styleData.selected ? "#111" : (styleData.visibleMonth && styleData.valid ? "#444" : "#666");
                }
                GradientStop {
                    position: 1.00
                    color: styleData.selected ? "#444" : (styleData.visibleMonth && styleData.valid ? "#111" : "#666");
                }
                GradientStop {
                    position: 1.00
                    color: styleData.selected ? "#777" : (styleData.visibleMonth && styleData.valid ? "#111" : "#666");
                }
            }

            Label {
                text: styleData.date.getDate()
                anchors.centerIn: parent
                color: styleData.valid ? "white" : "grey"
            }

            Rectangle {
                width: parent.width
                height: 1
                color: "#555"
                anchors.bottom: parent.bottom
            }

            Rectangle {
                width: 1
                height: parent.height
                color: "#555"
                anchors.right: parent.right
            }
        }
    }
}

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

background : Component

Фон календаря.

Неявный размер календаря вычисляется на основе неявного размера делегата фона.

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

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

dayDelegate : Component

Делегат, стилизующий каждую дату в календаре.

Свойства, предоставляемые каждому делегату:

readonly property date styleData.date Дата, которую представляет данный делегат.
readonly property bool styleData.selected true если это выбранная дата.
readonly property int styleData.index Индекс этого делегата.
readonly property bool styleData.valid true если эта дата больше или равна minimumDate и меньше или равна maximumDate.
readonly property bool styleData.today true если эта дата совпадает с текущей датой.
readonly property bool styleData.visibleMonth true если месяц в этой дате является видимым месяцем.
readonly property bool styleData.hovered true если курсор мыши находится над этой ячейкой.

Примечание: Это свойство true даже когда курсор мыши наведен на недействительную дату.

readonly property bool styleData.pressed true если на этой ячейке нажата кнопка мыши.

Примечание: Это свойство true даже когда кнопка мыши нажата на недействительную дату.

dayOfWeekDelegate : Component

Делегат, стилизующий каждый день недели.

Высота строки дней недели рассчитывается на основе максимальной неявной высоты делегатов.

Свойства, предоставляемые каждому делегату:

readonly property int styleData.index Индекс (0-6) делегата.
readonly property int styleData.dayOfWeek День недели, который представляет данный делегат. Возможные значения:
  • Locale.Sunday
  • Locale.Monday
  • Locale.Tuesday
  • Locale.Wednesday
  • Locale.Thursday
  • Locale.Friday
  • Locale.Saturday

gridColor : цвет

Цвет линий сетки.

gridVisible : bool

Это свойство определяет видимость сетки.

Значение по умолчанию - true.

navigationBar : Component

Панель навигации календаря.

Стилизует панель в верхней части календаря, содержащую кнопки "следующий месяц"/"предыдущий месяц" и метку выбранной даты.

Свойства, предоставляемые делегату:

readonly property string styleData.title Заголовок календаря.

weekNumberDelegate : Component

Делегат, стилизующий каждый номер недели.

Ширина столбца номера недели рассчитывается на основе максимальной неявной ширины делегатов.

Свойства, предоставляемые каждому делегату:

readonly property int styleData.index Индекс (0-5) делегата.
readonly property int styleData.weekNumber Номер недели, который представляет данный делегат.

© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/archives/qt-5.6/qml-qtquick-controls-styles-calendarstyle.html

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API