Тип 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 свойство date styleData.date | Дата, которую представляет этот делегат. |
| readonly свойство bool styleData.selected |
true если это выбранная дата. |
| readonly свойство int styleData.index | Индекс этого делегата. |
| readonly свойство bool styleData.valid |
true если эта дата больше или равна минимальной дате и меньше или равна максимальной дате. |
| readonly свойство bool styleData.today |
true если эта дата равна сегодняшней дате. |
| readonly свойство bool styleData.visibleMonth |
true если месяц в этой дате является видимым месяцем. |
| readonly свойство bool styleData.hovered |
true если курсор находится над этой ячейкой.Примечание: Это свойство |
| readonly свойство bool styleData.pressed |
true если на эту ячейку нажата кнопка мыши.Примечание: Это свойство |
dayOfWeekDelegate : Компонент
Делегат, который стилизует каждый день недели.
Высота строки дней недели рассчитывается на основе максимальной неявной высоты делегатов.
Свойства, предоставляемые каждому делегату:
| readonly свойство int styleData.index | Индекс (0-6) делегата. |
| readonly свойство int styleData.dayOfWeek | День недели, который представляет этот делегат. Возможные значения:
|
gridColor : цвет
Цвет линий сетки.
gridVisible : bool
Это свойство определяет видимость сетки.
Значение по умолчанию true.
navigationBar : Компонент
Панель навигации календаря.
Стилизует панель в верхней части календаря, которая содержит кнопки «Следующий месяц»/«Предыдущий месяц» и метку выбранной даты.
Свойства, предоставляемые делегату:
| readonly свойство string styleData.title | Заголовок календаря. |
weekNumberDelegate : Компонент
Делегат, который стилизует каждый номер недели.
Ширина столбца номера недели рассчитывается на основе максимальной неявной ширины делегатов.
Свойства, предоставляемые каждому делегату:
| readonly свойство int styleData.index | Индекс (0-5) делегата. |
| readonly свойство int styleData.weekNumber | Номер недели, который представляет этот делегат. |
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-5.15/qml-qtquick-controls-styles-calendarstyle.html