1.假设这样一种情况
我这里由一个Wideget 继承自QWidget上面添加来一个QLabel, 一个QPushButton
我如何把这个Wideget放到QML中使用,那么我当QPushButton 按下后我怎么在QML中进行处理呢?
我这里指出一种方法
让Wideget 继承QGraphicsProxyWidget,对Wideget进行导出,在QML中创建
此对象,在他导出的信中进行处理,具体代码。
还有就是这个网址上说明来很多QML与c++之间通讯的方法,很悲剧的是我的assistant中却没有者部分,不知道版本低还是怎么的。
http://doc.qt.nokia.com/4.7-snapshot/qtbinding.html
2.具体代码
//widget.h #ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include <QGraphicsProxyWidget> #include <QPushButton> #include <QLabel> #include <QLineEdit> class Widget : public QGraphicsProxyWidget { Q_OBJECT public: explicit Widget(QGraphicsItem *parent = 0); ~Widget(); Q_INVOKABLE void changeText(const QString& s); signals: void sendOnButton(void); private: QPushButton *m_Btn; QLabel *m_Label; QWidget *m_MainWidget; }; #endif // WIDGET_H |
//widget.cpp #include "widget.h" Widget::Widget(QGraphicsItem *parent) : QGraphicsProxyWidget(parent) { m_MainWidget = new QWidget; m_Btn = new QPushButton(m_MainWidget); m_Label = new QLabel(m_MainWidget); m_Btn->setText("PushButton"); m_Btn->setGeometry(10, 10, 100, 30); m_Label->setGeometry(10, 40, 200, 30); QObject::connect(m_Btn, SIGNAL(clicked()), this, SIGNAL(sendOnButton())); setWidget(m_MainWidget); } Widget::~Widget() { delete m_MainWidget; } void Widget::changeText(const QString& s) { m_Label->setText(s); qDebug(" call Widget::changeText"); } |
// main.cpp #include <QtGui/QApplication> #include <QtDeclarative/QDeclarativeView> #include <QtDeclarative/QDeclarativeEngine> #include <QtDeclarative/QDeclarativeComponent> #include <QtDeclarative/QDeclarativeContext> #include "widget.h" int main(int argc, char *argv[]) { QApplication a(argc, argv); qmlRegisterType<Widget>("UIWidget", 1, 0, "Widget"); QDeclarativeView qmlView; qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml")); qmlView.show(); return a.exec(); } |
// UICtest.qml import Qt 4.7 import UIWidget 1.0 Rectangle { width: 640 height: 480 color: "black" Widget { id: uiwidget; x: 100; y: 100; width: 400; height: 100; // 关键在这里,当一个信号导出后他的相应的名字就是第1个字母大写,前面在加上on // 例如 clicked -- onClicked colorchange --onColorchange; onSendOnButton: { uiwidget.changeText(textinput.text); } } Rectangle{ x: 100; y: 20; width: 400; height: 30; color: "blue" TextInput {id: textinput; anchors.fill: parent; color: "white" } } } |
说明:
这里实现的是当QPushButton按钮按下后,获取QML中TextInput上的文本,
对QLabel进行设置,关键点在于Widget中的信号函数sendOnButton, 他导出后在QML中
将引发的是onSendOnButton 只要在QML中对这个编写处理就可以实现,具体看代码。