QML类型说明-CalendarStyle

CalendarStyle

 

ImportStatement:   importQtQuick.Controls.Styles 1.2

Since:  Qt 5.3

 

Properties

background :Component

control :Calendar

dayDelegate: Component

dayOfWeekDelegate: Component

gridColor :color

gridVisible: bool

navigationBar: Component

weekNumberDelegate: Component

 

DetailedDescription

标准界面：

如上图，日历可以更改下面的组件样式。

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

            }

        }

    }

}

 

PropertyDocumentation

background :Component

日历的背景。日历的隐式尺寸的计算基于背景的隐式尺寸。

 

control :Calendar

那个日历关联这个样式，只读。

 

dayDelegate: Component

日历每一天的样式。

下面的数据会提供给dayDelegate的组件

styleData.date

样式中的日期，属性为date

styleData.selected

如果为真，日期被选择 属性为bool

styleData.index

这个delegate的索引 属性为int

styleData.valid

日期有效则为真，属性bool

styleData.today

日期为今天，为真。属性bool

styleData.visibleMonth

日期在今月，为真，属性bool

styleData.hovered

鼠标悬停在这个单元，为真。即使日期无效。属性bool

styleData.pressed

鼠标在单元按下，为真，即使日期无效。属性bool

 

dayOfWeekDelegate: Component

每周的样式。周天的高度基于隐式的显示框的高度计算。

每个delegate需要提供下面的属性。

styleData.index

Delegate的0~6 属性int

styleData.dayOfWeek

Locale.Sunday

Locale.Monday

Locale.Tuesday

Locale.Wednesday

Locale.Thursday

Locale.Friday

Locale.Saturday

 

gridColor :color

网格线的颜色。

 

gridVisible: bool

网格是否可见。默认为真

 

navigationBar: Component

导航条的样式。在日历的顶部，包含下个月，上个月和选择的日期label。

需要提供的属性为：

styleData.title   日历的标题

 

weekNumberDelegate: Component

周数的样式。显示框的隐式宽用来计算周数的宽。

styleData.index：  delegate的0~5索引

styleData.weekNumber：周的数目