让我向您解释以下示例的注释有什么问题:
类.hpp
#ifndef CLASS_HPP
#define CLASS_HPP
#include <QObject>
#include <QDateTime>
class DateCpp : public QObject
{
Q_OBJECT
public:
DateCpp();
protected:
// QML dates are QDateTime in C++, not QDate.
Q_PROPERTY(QDateTime fooDate
READ getDate
WRITE setDate
NOTIFY fooDateChanged)
QDateTime date;
QDateTime getDate() const;
void setDate(const QDateTime & d);
signals:
void dateChanged();
};
#endif
类.cpp
#include "class.hpp"
DateCpp::DateCpp() : QObject(), date() {}
QDateTime DateCpp::getDate() const
{
return this->date;
}
void DateCpp::setDate(const QDateTime & newDate)
{
this->date = newDate;
/*
* You have to tell QML that the property value has changed.
* For this, use the NOTIFY signal of the property. If you do not emit it,
* the property will not by updated on the QML side.
*/
emit fooDateChanged();
}
主文件
#include <QApplication>
#include <QQmlApplicationEngine>
#include <QtQml>
#include "class.hpp"
int main(int argc, char ** argv)
{
QApplication a(argc, argv);
// Do not forget to declare your object to QML. ;-)
qmlRegisterType<DateCpp>("Foobar", 3, 14, "DateQML");
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
return a.exec();
}
main.qml
import QtQuick 2.6
import Foobar 3.14
Rectangle {
id: rect
// A QML date (treated as a QDateTime by the engine).
property date rectDate
/*
* Binded to myDate.fooDate, but variables are at different memory spaces.
* Will be changed together nontheless.
*/
property date rd2: myDate.fooDate
/*
* Just like rd2 but it is the same object in memory, a kind of pointer
* on DateCpp::date.
*/
property alias rd3: myDate.fooDate
// No "=" but ":" for property declarations.
property date aDateProp: Date.now()
DateQML {
id: myDate
// It is a kind of slot connected to the fooDate Q_PROPERTY's NOTIFY signal.
onFooDateChanged: {
console.log("The foodate is: " + myDate.fooDate);
// Will trigger a signal and "onRectDateChanged" will be executed.
rect.rectDate = myDate.fooDate;
}
}
MouseArea {
anchors.fill: parent
onClicked: {
/*
* It is JavaScript. "date d" is consequently wrong here.
* d will be a QML date (treated as a QDateTime by the engine).
*/
var d = Date.now();
d.setYear(2002);
// Calls the fooDate Q_PROPERTY's WRITE method, i.e. DateCpp::setDate();.
myDate.fooDate = d;
/*
* If DateCpp::setDate(); is not called here, you can still copy
* the property to modify what you want:
*
* var d2 = myDate.fooDate;
* d2.setYear(2025);
* myDate.fooDate = d2;
*/
myDate.fooDate.setYear(2025);
}
}
onRectDateChanged: {
console.log("The QML property has changed: " + rect.rectDate);
}
}
TL;博士:
- 您正在处理
QDateTime
s。
- 使用 NOTIFY 信号告诉系统该值已更改。
- 否
date d
在 JavaScript 中声明日期。
=
QML 属性声明中没有任何“ ”,而是“ :
”。