mxapp/CustomCalendar.qml at master · MYiR-Dev/mxapp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
import QtQuick 2.0
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.0

Rectangle {
    id:mx_calendar
    property alias calendar_control:m_calendar

    Calendar{
            id: m_calendar
            //anchors.centerIn: parent
            frameVisible: false
            navigationBarVisible: false
            weekNumbersVisible: false
            minimumDate: new Date(2015, 0, 1);
            maximumDate: new Date(2025, 0, 1);

            anchors{
                fill: parent
            }
            onClicked:
            {
                //m_calendar.visible = false;
            }

            style: CalendarStyle {
                gridVisible: false

                background: Image {//日历背景
                    id: bg
                    anchors.fill: parent
//                    source: "./image/dataRect.png"
                }

                dayOfWeekDelegate://周的显示
                    Rectangle{
                        id: rec1
                        color: "transparent"
                        height: 20

                        Text {
                            id: weekTxt
                            font.pixelSize: 15
                            text:Qt.locale().dayName(styleData.dayOfWeek, control.dayOfWeekFormat)//转换为自己想要的周的内容的表达
                            anchors.centerIn: rec1
                            color: styleData.selected?"green":"gray"
                            font.family: "Microsoft YaHei"
                        }
                }

                navigationBar:

                    Rectangle {//导航控制栏，控制日期上下选择等
                        color: "transparent"
                        height: 40

//                        ToolButton {//按钮:显示上一个月
//                            id: previousMonth
//                            width: parent.height
//                            height: width-20
//                            anchors.verticalCenter: parent.verticalCenter
//                            anchors.left: parent.left
//                            anchors.leftMargin: 40
//                            iconSource: "./image/back_icon_p.png"
//                            onClicked: control.showPreviousMonth()
//                        }

//                        Label {//显示年月
//                            id: dateText
//                            text: styleData.title
//                            font.pixelSize: 24
//                            font.bold: true
//                            horizontalAlignment: Text.AlignHCenter
//                            verticalAlignment: Text.AlignVCenter
//                            fontSizeMode: Text.Fit
//                            anchors.verticalCenter: parent.verticalCenter
//                            anchors.left: previousMonth.right
//                            anchors.leftMargin: 2
//                            anchors.right: nextMonth.left
//                            anchors.rightMargin: 2
//                            color: "white"
//                        }

//                        ToolButton {//按钮:显示下一个月
//                            id: nextMonth
//                            width: 60
//                            height: 53
//                            anchors.verticalCenter: parent.verticalCenter
//                            anchors.right: parent.right
//                            anchors.rightMargin: 40
//                            iconSource: "./image/back_icon_p.png"
//                            onClicked: control.showNextMonth()

//                            style: ButtonStyle {
//                                    background: Item {
//                                        implicitWidth: 25
//                                        implicitHeight: 25
//                                    }
//                                }
//                        }

                    }

                dayDelegate://显示日期
                    Rectangle{
                    color: "transparent"

                    Image
                    {
                        id: day_bg
                        height: 28
                        width: 28
                        anchors.centerIn: parent
    //                                        anchors.centerIn: parent
                        source: styleData.selected ? "images/wvga/system/current-dat-bg.png" : ""
                    }

                    Label {
                        id: m_label
                        text: styleData.date.getDate()
                        font.pixelSize: 15
                        font.family: "Microsoft YaHei"
                        anchors.centerIn: parent
                        color: styleData.selected ? "yellow" :  (styleData.visibleMonth && styleData.valid ? "lightblue" : "grey");
                           }
                    }
             }
        }

}