Spec-Zone.ru › Qt 5.12

Тип 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 : Компонент

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

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

[только для чтения] control : Календарь

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

dayDelegate : Компонент

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

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

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 : Компонент

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

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

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

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 : Компонент

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

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

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

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

weekNumberDelegate : Компонент

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

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

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

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/qt-5.12/qml-qtquick-controls-styles-calendarstyle.html

Spec-Zone.ru

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