Тип 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 если курсор находится над этой ячейкой.Примечание: Это свойство |
| readonly property bool styleData.pressed |
true если на этой ячейке нажата кнопка мыши.Примечание: Это свойство |
dayOfWeekDelegate : Component
Делегат, который стилизует каждый день недели.
Высота строки дней недели рассчитывается на основе максимальной неявной высоты делегатов.
Свойства, предоставляемые каждому делегату:
| readonly property int styleData.index | Индекс (0-6) делегата. |
| readonly property int styleData.dayOfWeek | День недели, который представляет данный делегат. Возможные значения:
|
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.11/qml-qtquick-controls-styles-calendarstyle.html