|
|
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中对这个编写处理就可以实现，具体看代码。
1.假设 1.在c++中创建一个Person的对象， 2.在QML中获取并显示数据 3.在c++中改变数据后，显示的数据能进行相应的改变 也就是说我们实际是在c++中new一个对象出来，而把这个对象的数据在QML里面进行显示
2.具体代码
// person.h
#ifndef PERSON_H
#define PERSON_H
#include <QObject>
#include <QDeclarativeListProperty>
#include <QList>
#include <QColor>
class Person : public QObject
{
Q_OBJECT
Q_PROPERTY(QString name READ getName WRITE setName NOTIFY sendNameChange)
Q_PROPERTY(int age READ getAge WRITE setAge NOTIFY sendAgeChange)
public:
explicit Person(QObject *parent = 0);
QString getName(void) const;
void setName(const QString& name);
int getAge(void);
void setAge(int age);
// 一个简单的函数, 获取蓝色
Q_INVOKABLE QColor getColor(void) const;
Q_INVOKABLE void changeNameAndAge(void);
signals:
void sendNameChange(void);
void sendAgeChange(void);
private:
QString m_Name;
int m_Age;
};
#endif // PERSON_H |
// person.cpp
#include "person.h"
//---------------------------------
//
Person::Person(QObject *parent) :
QObject(parent), m_Name("unknow"), m_Age(0)
{
}
//---------------------------------
//
QString Person::getName(void) const
{
return m_Name;
}
//---------------------------------
//
void Person::setName(const QString& name)
{
m_Name = name;
emit sendNameChange();
}
//---------------------------------
//
int Person::getAge(void)
{
return m_Age;
}
//---------------------------------
//
void Person::setAge(int age)
{
m_Age = age;
emit sendAgeChange();
}
//---------------------------------
//
QColor Person::getColor(void) const
{
return QColor(Qt::blue);
}
//---------------------------------
//
void Person::changeNameAndAge(void)
{
setName("Luly");
setAge(31);
} |
// main.cpp
#include <QtGui/QApplication>
#include <QtDeclarative/QDeclarativeView>
#include <QtDeclarative/QDeclarativeEngine>
#include <QtDeclarative/QDeclarativeComponent>
#include <QtDeclarative/QDeclarativeContext>
#include "person.h"
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Person tmpPerson;
tmpPerson.setName("Tom");
tmpPerson.setAge(25);
QDeclarativeView qmlView;
qmlView.rootContext()->setContextProperty("ps",&tmpPerson);
qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));
qmlView.show();
return a.exec();
} |
// UICtest.qml
import Qt 4.7
Rectangle {
width: 640
height: 480
Text { text: "Person name:" + ps.name; }
Text { y: 20; text: "Person age:" + ps.age; }
Rectangle{ x: 20; y: 40; width: 20; height: 20; color: ps.getColor();}
MouseArea{
anchors.fill: parent;
// 当鼠标按下后改变名字和年龄
onClicked: { ps.changeNameAndAge(); }
}
} |
说明： 我们在c++中创建来一个对象，并且在把这个对象导出给QML调用用，我们设置来属性，QML中可以直接使用属性来进行赋值.
摘要: 1.导出Person类，并且一个PersonGroup类，PersonGroup类是Person的一个组2.具体导出过程1.通过属性来实现，具体的请看代码3.具体代码// person.h
#ifndef PERSON_H
#define PERSON_H
#include <QObject>
#include <QDeclarativeListProperty>
... 阅读全文
摘要: 1.导出Person类，并且一个Job类，Job类包含一个Person的指针2.具体导出过程1.通过属性来实现，具体的请看代码3.具体代码// person.h
#ifndef PERSON_H
#define PERSON_H
#include <QObject>
#include <QColor>
class Person : public QObject
... 阅读全文
1.导出Person类中的属性 2.具体导出过程 1.导出Person一个颜色属性，一个int属性 注意 1. 当需要实现属性变化其他引用到此属性的属性也跟着变化的情况的话，需要设置属性相应的信号 2. 设置属性的时候，使用的类型必须是已经导出到QML中的类型 3.具体代码
// person.h
#ifndef PERSON_H
#define PERSON_H
#include <QObject>
#include <QColor>
class Person : public QObject
{
Q_OBJECT
// 设置设置属性的名字是 bgcolor
// 对应读取函数名字 bgColor
// 对应写函数名字 setBgColor
// 属性发生改变后发送信号 sendBgColorChange
Q_PROPERTY(QColor bgcolor READ getBgColor WRITE setBgColor NOTIFY sendBgColorChange)
// 设置设置属性的名字是 count
// 对应读取函数名字 getCount
// 对应写函数名字 setCount
// 属性发生改变后发送信号 sendCountChange
Q_PROPERTY(int count READ getCount WRITE setCount NOTIFY sendCountChange)
public:
explicit Person(QObject *parent = 0);
QColor getBgColor(void) const;
void setBgColor(const QColor& color);
int getCount(void);
void setCount(int count);
signals:
void sendBgColorChange(void);
void sendCountChange(void);
private:
QColor m_Color;
int m_Count;
};
#endif // PERSON_H |
// person.cpp
#include "person.h"
//---------------------------------
//
Person::Person(QObject *parent) :
QObject(parent), m_Color("blue"), m_Count(0)
{
}
//---------------------------------
//
QColor Person::getBgColor(void) const
{
return m_Color;
}
//---------------------------------
//
void Person::setBgColor(const QColor& color)
{
m_Color = color;
emit sendBgColorChange();
}
//---------------------------------
//
int Person::getCount(void)
{
return m_Count;
}
//---------------------------------
//
void Person::setCount(int count)
{
m_Count = count;
emit sendCountChange();
} |
// main.cpp
#include <QtGui/QApplication>
#include <QtDeclarative/QDeclarativeView>
#include <QtDeclarative/QDeclarativeEngine>
#include <QtDeclarative/QDeclarativeComponent>
#include "person.h"
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
qmlRegisterType<Person>("People",1,0,"Person");
//qmlRegisterType<Person>();
QDeclarativeView qmlView;
qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));
qmlView.show();
return a.exec();
} |
// UICtest.qml
import Qt 4.7
import People 1.0 //如果是qmlRegisterType<Person>(); 导出就可以注释这条
Rectangle {
width: 640
height: 480
color: per.bgcolor;
Person{ id: per;}
Text {
id: textlabel;
text: "text " + per.count;
}
MouseArea{
anchors.fill: parent;
onClicked:{
// 当鼠标按下后，由于属性上有信号，当属性发生改变后，
// 所有引用此属性的值的都相应的发生改变
per.bgcolor = "red";
per.count = 20;
}
}
} |
说明： 在person类中，设置了两个属性bgcolor, count ,他们分别在发送改变后调用自己对应的信号 具体看源代码，这里是设置来矩形框的颜色，文本框中文本。
1.导出Person类中的成员方法 2.具体导出过程 导出的方法有 1.使用Q_INVOKABLE 2.使用 槽机制
3.具体代码
// person.h
#ifndef PERSON_H
#define PERSON_H
#include <QObject>
class Person : public QObject
{
Q_OBJECT
public:
explicit Person(QObject *parent = 0);
Q_INVOKABLE void FirstEcho(void);
public slots:
void SecondEcho(void);
};
#endif // PERSON_H |
// person.cpp
#include "person.h"
Person::Person(QObject *parent) :
QObject(parent)
{
}
void Person::FirstEcho(void)
{
// 简简单单打印一句话
qDebug("call Person::FirstEcho");
}
void Person::SecondEcho(void)
{
qDebug("call Person::SecondEcho");
} |
// main.cpp
#include <QtGui/QApplication>
#include <QtDeclarative/QDeclarativeView>
#include <QtDeclarative/QDeclarativeEngine>
#include <QtDeclarative/QDeclarativeComponent>
#include "person.h"
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
qmlRegisterType<Person>("People",1,0,"Person");
//qmlRegisterType<Person>();
QDeclarativeView qmlView;
qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));
qmlView.show();
return a.exec();
} |
// UICtest.qml
import Qt 4.7
import People 1.0 //如果是qmlRegisterType<Person>(); 导出就可以注释这条
Rectangle {
width: 640
height: 480
Person{ id: per;}
MouseArea{
anchors.fill: parent;
onClicked:{
per.FirstEcho();
per.SecondEcho();
}
}
} |
说明: 这里导出了两个函数分别是FirstEcho 和SecondEcho 两个函数，这两个函数本别是使用 FirstEcho使用使用 Q_INVOKABLE导出，SecondEcho直接使用槽。 调用函数在控制台输出一些信息，这里是在鼠标点击界面后出发的。
关于导出C++的学习 说明，主要是对QT的文档内例子进行的一些分别解说，希望更容易的理解 C++导出到QML的过程。
1.导出一个简单的类Person 2.具体导出过程 假设我们要导出一个Person类， A 那么就要考虑如何的一个类他才可以导出呢？ 他需要符合一定的条件 1.继承自QObject 2.有默认构造函数 B 如何导出呢？ 通过一个函数 int qmlRegisterType(const char *uri, int versionMajor, int versionMinor, const char *qmlName) int qmlRegisterType() 3.具体的例子
// person.h
#ifndef PERSON_H
#define PERSON_H
#include <QObject>
class Person : public QObject
{
Q_OBJECT
public:
explicit Person(QObject *parent = 0);
};
#endif // PERSON_H |
// person.cpp
#include "person.h"
Person::Person(QObject *parent) :
QObject(parent)
{
} |
// main.cpp
#include <QtGui/QApplication>
#include <QtDeclarative/QDeclarativeView>
#include <QtDeclarative/QDeclarativeEngine>
#include <QtDeclarative/QDeclarativeComponent>
#include "person.h"
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
qmlRegisterType<Person>("People",1,0,"Person");
//qmlRegisterType<Person>();
QDeclarativeView qmlView;
qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));
qmlView.show();
return a.exec();
} |
// UICtest.qml
import Qt 4.7
import People 1.0 //如果是qmlRegisterType<Person>(); 导出就可以注释这条
Rectangle {
width: 640
height: 480
Person{}
} |
说明:我们通过qmlRegisterType<Person>("People",1,0,"Person"); 向QML中导出Person类，这个类在People包中，在QML中需要使用Person类的 话就必须包含People包，通过import People 1.0来包含，之后就可以使用Person 创建对象使用来。
废话不多说直接上代码
((xp下qt4.7 sdk) 出现情况是，当一个类在直接写在一个.h文件上后，在QML中调用会挂掉，我这里出现是在我调用的到处函数是获取一个QString的时候，但是把类分别写成.h和.cpp后，没有出现此 情况，不知道具体的原因）
// main.cpp int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; view.rootContext()->setContextProperty("ls",new LS); view.setSource(QUrl::fromLocalFile("../QMLAPP/QMLtest.qml")); view.show(); return app.exec(); } // LS.h
#ifndef LS_H#define LS_H #include <QObject> #include <QColor> class LS : public QObject { Q_OBJECT Q_PROPERTY(QColor color READ getColor WRITE setColor NOTIFY colorChange) public: LS(QObject *parent = 0); ~LS(); // Q_INVOKABLE 用于导出函数，让qml能使用 Q_INVOKABLE QString getText(void) const; // 用于属性 QColor getColor(void) const; void setColor(const QColor &c); signals: void sendMsg(const QString &s); // 用于属性 void colorChange(void); public slots: void echoMsg(const QString &s); private: QString m_str; QColor m_Color; }; #endif // LS_H
//LS.cpp
#include "LS.h" LS::LS(QObject *parent) :QObject(parent),m_str("I am LS class"),m_Color(Qt::blue) { QObject::connect(this, SIGNAL(sendMsg(QString)), this, SLOT(echoMsg(QString))); } LS::~LS(){} QString LS::getText(void) const { return m_str; } // 用于属性 QColor LS::getColor(void) const { return m_Color; } void LS::setColor(const QColor &c) { m_Color = c; } void LS::echoMsg(const QString &s) { qDebug(" %s ", s.toLocal8Bit().data()); } //----------------------------------------------------------------------
// QMLtest.qml
Rectangle{
id: mainrect
width: 400; height: 300;
color: ls.color;
Text {
id: tls;
text: "click this"
}
MouseArea{
anchors.fill: parent;
onClicked: {
tls.text = ls.getText();
ls.sendMsg(" ok ");
}
}
}
摘要: 一.介绍quick3d是把qt3d部分以插件的形式导出，在QML中通过包含的形式来进行使用的。quick3d部分，使用的包含有import Qt3D 1.0
import Qt3D.Shapes 1.0Import Qt3D 是包含主要的一些Qt3D模块，而Qt3D.Shapes 包含的是一些立方体，球体，圆柱体等的信息，方便使用各种简单模型。二.具体的说明(这里没有按照原来... 阅读全文
摘要: 1. 介绍QML是一种描述语言，主要是对界面效果等的一种描述，它可以结合javaScript来进行更复杂的效果及逻辑实现。比如做个游戏，实现一些更有趣的功能等2. 简单的例子import Qt 4.7Rectangle {width: 200height: 200color: "blue"}代码是绘制一个蓝色的矩形，宽... 阅读全文
|