发帖 回复
返回列表
  • 2609阅读
  • 0回复

[讨论]Calendar控件的styleData.today属性一直为false [复制链接]

 上一主题 下一主题
离线yuyu414
新手上路
 
只看楼主 倒序阅读 楼主  发表于: 2019-10-18
想在日历上的今天标注一张图片，查到可以用styleData.today这个属性，但是日历控件的styleData.today属性一直为false
文档是这么说的：

readonly property bool styleData.today
true if this date is equal to today's date.
复制代码
  2. import QtQuick 2.2
  3. import QtQuick.Controls 1.4
  4. import QtQuick.Controls.Private 1.0
  5. import QtQuick.Controls.Styles 1.4
  6. import org.qtproject.examples.calendar 1.0
  8. ApplicationWindow {
  9.     visible: true
  10.     width: 640
  11.     height: 400
  12.     minimumWidth: 400
  13.     minimumHeight: 300
  14.     color: "#f4f4f4"
  16.     title: "Calendar Example"
  18.     SystemPalette {
  19.         id: systemPalette
  20.     }
  22.     SqlEventModel {
  23.         id: eventModel
  24.     }
  26.     Flow {
  27.         id: row
  28.         anchors.fill: parent
  29.         anchors.margins: 20
  30.         spacing: 10
  31.         layoutDirection: Qt.RightToLeft
  33.         Calendar {
  34.             id: calendar
  35.             width: (parent.width > parent.height ? parent.width * 0.6 - parent.spacing : parent.width)
  36.             height: (parent.height > parent.width ? parent.height * 0.6 - parent.spacing : parent.height)
  37.             frameVisible: true
  38.             weekNumbersVisible: true
  39.             selectedDate: new Date()
  40.             focus: true
  42.             onClicked: {
  44.             }
  46.             style: CalendarStyle {
  47.                 dayDelegate: Item {
  48.                     readonly property color sameMonthDateTextColor: "#444"
  49.                     readonly property color selectedDateColor: Qt.platform.os === "osx" ? "#3778d0" : systemPalette.highlight
  50.                     readonly property color selectedDateTextColor: "white"
  51.                     readonly property color differentMonthDateTextColor: "#bbb"
  52.                     readonly property color invalidDatecolor: "#dddddd"
  54.                     Rectangle {
  55.                         anchors.fill: parent
  56.                         border.color: "transparent"
  57.                         color: styleData.date !== undefined && styleData.selected ? selectedDateColor : "transparent"
  58.                         anchors.margins: styleData.selected ? -1 : 0
  59.                     }
  61.                     Image {
  62.                         visible: false
  63.                         anchors.top: parent.top
  64.                         anchors.left: parent.left
  65.                         anchors.margins: 0
  66.                         width: 12
  67.                         height: width
  68.                         source: "qrc:/images/eventindicator.png"
  69.                     }
  71.                     Image {
  72.                         visible: true
  73.                         anchors.fill: parent
  74.                         source: styleData.today ? "qrc:/images/select.png" : ""
  75.                     }
  77.                     Label {
  78.                         id: dayDelegateText
  79.                         text: styleData.today
  80.                         anchors.centerIn: parent
  81.                         color: {
  82.                             var color = invalidDatecolor;
  83.                             if (styleData.valid) {
  84.                                 // Date is within the valid range.
  85.                                 color = styleData.visibleMonth ? sameMonthDateTextColor : differentMonthDateTextColor;
  86.                                 if (styleData.selected) {
  87.                                     color = selectedDateTextColor;
  88.                                 }
  89.                             }
  90.                             color;
  91.                         }
  92.                     }
  93.                 }
  94.             }
  95.         }
  97.         Component {
  98.             id: eventListHeader
  100.             Row {
  101.                 id: eventDateRow
  102.                 width: parent.width
  103.                 height: eventDayLabel.height
  104.                 spacing: 10
  106.                 Label {
  107.                     id: eventDayLabel
  108.                     text: calendar.selectedDate.getDate()
  109.                     font.pointSize: 35
  110.                 }
  112.                 Column {
  113.                     height: eventDayLabel.height
  115.                     Label {
  116.                         readonly property var options: { weekday: "long" }
  117.                         text: Qt.locale().standaloneDayName(calendar.selectedDate.getDay(), Locale.LongFormat)
  118.                         font.pointSize: 18
  119.                     }
  120.                     Label {
  121.                         text: Qt.locale().standaloneMonthName(calendar.selectedDate.getMonth())
  122.                               + calendar.selectedDate.toLocaleDateString(Qt.locale(), " yyyy")
  123.                         font.pointSize: 12
  124.                     }
  125.                 }
  126.             }
  127.         }
  129.         Rectangle {
  130.             width: (parent.width > parent.height ? parent.width * 0.4 - parent.spacing : parent.width)
  131.             height: (parent.height > parent.width ? parent.height * 0.4 - parent.spacing : parent.height)
  132.             border.color: Qt.darker(color, 1.2)
  134.             ListView {
  135.                 id: eventsListView
  136.                 spacing: 4
  137.                 clip: true
  138.                 header: eventListHeader
  139.                 anchors.fill: parent
  140.                 anchors.margins: 10
  141.                 model: eventModel.eventsForDate(calendar.selectedDate)
  143.                 delegate: Rectangle {
  144.                     width: eventsListView.width
  145.                     height: eventItemColumn.height
  146.                     anchors.horizontalCenter: parent.horizontalCenter
  148.                     Image {
  149.                         anchors.top: parent.top
  150.                         anchors.topMargin: 4
  151.                         width: 12
  152.                         height: width
  153.                         source: "qrc:/images/eventindicator.png"
  154.                     }
  156.                     Rectangle {
  157.                         width: parent.width
  158.                         height: 1
  159.                         color: "#eee"
  160.                     }
  162.                     Column {
  163.                         id: eventItemColumn
  164.                         anchors.left: parent.left
  165.                         anchors.leftMargin: 20
  166.                         anchors.right: parent.right
  167.                         height: timeLabel.height + nameLabel.height + 8
  169.                         Label {
  170.                             id: nameLabel
  171.                             width: parent.width
  172.                             wrapMode: Text.Wrap
  173.                             text: modelData.name
  174.                         }
  175.                         Label {
  176.                             id: timeLabel
  177.                             width: parent.width
  178.                             wrapMode: Text.Wrap
  179.                             text: modelData.startDate.toLocaleTimeString(calendar.locale, Locale.ShortFormat)
  180.                             color: "#aaa"
  181.                         }
  182.                     }
  183.                 }
  184.             }
  185.         }
  186.     }
  187. }

有用过的吗，先谢谢各位。
回复
举报
分享到 淘江湖 新浪 QQ微博 QQ空间 开心 人人 豆瓣 网易微博 百度 鲜果 白社会 飞信
发帖 回复
返回列表
快速回复
限100 字节
 
上一个 下一个