详解QML与C++混合编程使用

李程站 · 发表于 2013-2-4 03:03:21

本文适合于对Qt Quick有基本了解的读者。首先回答一个比较常会被问到的问题：什么是QML，它与Quick的关系是什么？
Qt Quick是Qt User Interface Creation Kit的缩写，而QML是Qt Quick最重要的组成部分，Qt Quick结合了如下技术：
组件集合，其中大部分是关于图形界面的
基于JavaScript陈述性语言：QML （Qt Meta-Object Language的缩写）
用于管理组件并与组件交互的C++API - QtDeclarative模块
言归正传：通过Qt Creator，我们可以轻松生成一个Qt Quick的应用工程，从而为QML生成应用程序框架。具体操作详见：创建qt quick (qml) 应用程序。
C++与QML的交互是通过注册C++对象给QML环境得以实现的：
在C++实现中，非可视化的型别均为QObject的子类，可视化的类型均为QDeclarativeItem的子类。注意：QDeclarativeItem等同于QML的Item类。
如果用户想要定义自己的型别，做法如下：
在C++中，实现派生于QObject或QDeclarativeItem的子类，它是新定义item的实体对象；
在C++中，将1中实现的新item类型注册给QML；
在QML中，导入含有1中定义的新item的模块；
在QML中，向使用标准的item一样使用新定义的item
现举例说明，我们现尝试使用用Qt C++实现的MyButton对象（如下qml代码），它有自己的属性、方法以及信号的handler。用法如下（它与使用其它标准的QML item一样），所需要做的是需要导入包含MyButton的对应模块名称及其版本&ldquo;MyItems 1.0 &rdquo;。

//main.qml
import Qt 4.7
import MyItems 1.0
Item {
width: 300; height: 200
MyButton {
//注意：x, y, width, height是继承自item的属性，无需再自定义的item中实现
x: 50; y: 50
width: 200; height: 100
color: &quot;gray&quot; //自定义属性
onMySignals: dosth //自定义信号mySignals
MouseArea {
anchors.fill: parent
onClicked: parent.myColor() // 调用C++定义的方法myColor
}
}
}
//main.qml
import Qt 4.7
import MyItems 1.0
Item {
width: 300; height: 200
MyButton {
//注意：x, y, width, height是继承自item的属性，无需再自定义的item中实现
x: 50; y: 50
width: 200; height: 100
color: &quot;gray&quot; //自定义属性
onMySignals: dosth //自定义信号mySignals
MouseArea {
anchors.fill: parent
onClicked: parent.myColor() // 调用C++定义的方法myColor
}
}
}

为了能够上述qml代码工作，需要为在Qt C++代码中注册MyButton及其所属的模块，对应的main.cpp代码如下：

#include <QtGui/QApplication>
#include &quot;qmlapplicationviewer.h&quot;
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QmlApplicationViewer viewer;
// MyButtonItem是与QML中MyButton相对应的C++实现的类名称
// 1，0是版本信息；MyItems是MyButton所属的模块名称
qmlRegisterType<MyButtonItem>(&quot;MyItems&quot;, 1, 0, &quot;MyButton &quot;);
viewer.setOrientation(QmlApplicationViewer::Auto);
viewer.setMainQmlFile(QLatin1String(&quot;qml/untitled/main.qml&quot;));
viewer.show();
return app.exec();
}
#include <QtGui/QApplication>
#include &quot;qmlapplicationviewer.h&quot;
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QmlApplicationViewer viewer;
// MyButtonItem是与QML中MyButton相对应的C++实现的类名称
// 1，0是版本信息；MyItems是MyButton所属的模块名称
qmlRegisterType<MyButtonItem>(&quot;MyItems&quot;, 1, 0, &quot;MyButton &quot;);
viewer.setOrientation(QmlApplicationViewer::Auto);
viewer.setMainQmlFile(QLatin1String(&quot;qml/untitled/main.qml&quot;));
viewer.show();
return app.exec();
}

上面我们在QML中MyButton对象，有自己的属性、方法以及信号的handler，其实现均来自Qt C++。Qt C++需要作以下工作：首先要定义 QML中MyButton相对应的C++实现MyButtonItem，它必须继承自QDeclarativeItem
为了让MyButton对象能够使用其Color属性，MyButtonItem类需要利用QT的PROPERTY系统，为Moc声明其属性
为了让MyButton对象能够使用其myColor方法，MyButtonItem类需要声明该方法，并标记为Q_INVOKABLE （另外一种解决方案是将myColor声明为槽。
为了让MyButton对象能够接受到C++所emit的信号，并在onMySignals，MyButtonItem类需要声明mySignals信号

class MyButtonItem : public QDeclarativeItem
{
Q_OBJECT
Q_PROPERTY(QColor color READ color WRITE setColor NOTIFY colorChanged)
signals:
void colorChanged();
void mySignals();
public:
MyButtonItem(QDeclarativeItem *parent = 0);
void paint(QPainter *painter, const QStyleOptionGraphicsItem *option,
QWidget *widget = 0);
public:
const QColor &color() const;
void setColor(const QColor &newColor);
Q_INVOKABLE QColor myColor() const;
// Alternatives for myColor to be called from QML
//public slots
//QColor myColor() const;
private:
QColor m_color;
};

原始作者地址http://blog.csdn.net/changsheng230
小结：关于详解QML与C++混合编程使用的内容介绍完了，希望本文对你有所帮助！
【编辑推荐】

		自动登录	找回密码
密码			立即注册