Posted on 2011-08-04 21:59
RTY 阅读(622)
评论(0) 编辑 收藏 引用 所属分类:
转载随笔 、
QML
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中对这个编写处理就可以实现，具体看代码。