QT C++ 与 qml 通信

最新推荐文章于 2024-07-09 17:12:58 发布
最新推荐文章于 2024-07-09 17:12:58 发布
阅读量2.3k 收藏 8
点赞数 1
分类专栏： QT 文章标签： QT

QML与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

[cpp]  view plain  copy
  1. #ifndef PERSON_H  
  2. #define PERSON_H  
  3. #include <QObject>  
  4. class Person : public QObject  
  5. {  
  6.     Q_OBJECT  
  7. public:  
  8.     explicit Person(QObject *parent = 0);  
  9. };  
  10. #endif // PERSON_H  
  11.    
  12. // person.cpp  
  13. #include "person.h"  
  14. Person::Person(QObject *parent) :  
  15.     QObject(parent)  
  16. {  
  17. }  

 

// main.cpp

[cpp]  view plain  copy
  1. #include <QtGui/QApplication>  
  2. #include <QtDeclarative/QDeclarativeView>  
  3. #include <QtDeclarative/QDeclarativeEngine>  
  4. #include <QtDeclarative/QDeclarativeComponent>  
  5. #include "person.h"  
  6. int main(int argc, char *argv[])  
  7. {  
  8.     QApplication a(argc, argv);  
  9.     qmlRegisterType<Person>("People",1,0,"Person");  
  10.     //qmlRegisterType<Person>();  
  11.     QDeclarativeView qmlView;  
  12.     qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));  
  13.     qmlView.show();  
  14.     return a.exec();  
  15. }  
 

 

// 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

创建对象使用来。

 

 

QML与c++交互学习笔记(二)

 

1.导出Person类中的成员方法

2.具体导出过程

    导出的方法有

    1.使用Q_INVOKABLE

    2.使用 槽机制

 

3.具体代码

 

 

// person.h

[cpp]  view plain  copy
  1. #ifndef PERSON_H  
  2. #define PERSON_H  
  3. #include <QObject>  
  4. class Person : public QObject  
  5. {  
  6.     Q_OBJECT  
  7. public:  
  8.     explicit Person(QObject *parent = 0);  
  9.     Q_INVOKABLE void FirstEcho(void);  
  10. public slots:  
  11.     void SecondEcho(void);  
  12. };  
  13. #endif // PERSON_H  

 

// person.cpp

[cpp]  view plain  copy
  1. #include "person.h"  
  2. Person::Person(QObject *parent) :  
  3.     QObject(parent)  
  4. {  
  5. }  
  6. void Person::FirstEcho(void)  
  7. {  
  8.     // 简简单单打印一句话  
  9.     qDebug("call Person::FirstEcho");  
  10. }  
  11. void Person::SecondEcho(void)  
  12. {  
  13.     qDebug("call Person::SecondEcho");  
  14. }  

 

// main.cpp

[cpp]  view plain  copy
  1. #include <QtGui/QApplication>  
  2. #include <QtDeclarative/QDeclarativeView>  
  3. #include <QtDeclarative/QDeclarativeEngine>  
  4. #include <QtDeclarative/QDeclarativeComponent>  
  5. #include "person.h"  
  6. int main(int argc, char *argv[])  
  7. {  
  8.     QApplication a(argc, argv);  
  9.     qmlRegisterType<Person>("People",1,0,"Person");  
  10.     //qmlRegisterType<Person>();  
  11.     QDeclarativeView qmlView;  
  12.     qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));  
  13.     qmlView.show();  
  14.     return a.exec();  
  15. }  
 

 

// 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直接使用槽。

调用函数在控制台输出一些信息，这里是在鼠标点击界面后出发的。

 

 

QML与c++交互学习笔记(三)

 

1.导出Person类中的属性

2.具体导出过程

    1.导出Person一个颜色属性，一个int属性

    注意

    1. 当需要实现属性变化其他引用到此属性的属性也跟着变化的情况的话，需要设置属性相应的信号

    2. 设置属性的时候，使用的类型必须是已经导出到QML中的类型

3.具体代码

 

// person.h

[cpp]  view plain  copy
  1. #ifndef PERSON_H  
  2. #define PERSON_H  
  3. #include <QObject>  
  4. #include <QColor>  
  5. class Person : public QObject  
  6. {  
  7.     Q_OBJECT  
  8.     // 设置设置属性的名字是 bgcolor  
  9.     // 对应读取函数名字 bgColor  
  10.     // 对应写函数名字 setBgColor  
  11.     // 属性发生改变后发送信号 sendBgColorChange  
  12.     Q_PROPERTY(QColor bgcolor READ getBgColor WRITE setBgColor NOTIFY sendBgColorChange)  
  13.    // 设置设置属性的名字是 count  
  14.    // 对应读取函数名字 getCount  
  15.    // 对应写函数名字 setCount  
  16.    // 属性发生改变后发送信号 sendCountChange  
  17.    Q_PROPERTY(int count READ getCount WRITE setCount NOTIFY sendCountChange)  
  18. public:  
  19.     explicit Person(QObject *parent = 0);  
  20.     QColor getBgColor(void) const;  
  21.     void setBgColor(const QColor& color);  
  22.     int getCount(void);  
  23.     void setCount(int count);  
  24. signals:  
  25.     void sendBgColorChange(void);  
  26.     void sendCountChange(void);  
  27. private:  
  28.     QColor  m_Color;  
  29.     int     m_Count;  
  30. };  
  31. #endif // PERSON_H  
 

 

// person.cpp

[cpp]  view plain  copy
  1. #include "person.h"  
  2. //---------------------------------  
  3. //  
  4. Person::Person(QObject *parent) :  
  5.     QObject(parent), m_Color("blue"), m_Count(0)  
  6. {  
  7. }  
  8. //---------------------------------  
  9. //  
  10. QColor Person::getBgColor(void) const  
  11. {  
  12.     return m_Color;  
  13. }  
  14. //---------------------------------  
  15. //  
  16. void Person::setBgColor(const QColor& color)  
  17. {  
  18.     m_Color = color;  
  19.     emit sendBgColorChange();  
  20. }  
  21. //---------------------------------  
  22. //  
  23. int Person::getCount(void)  
  24. {  
  25.     return m_Count;  
  26. }  
  27. //---------------------------------  
  28. //  
  29. void Person::setCount(int count)  
  30. {  
  31.     m_Count = count;  
  32.     emit sendCountChange();  
  33. }  

 

// main.cpp

[cpp]  view plain  copy
  1. #include <QtGui/QApplication>  
  2. #include <QtDeclarative/QDeclarativeView>  
  3. #include <QtDeclarative/QDeclarativeEngine>  
  4. #include <QtDeclarative/QDeclarativeComponent>  
  5. #include "person.h"  
  6. int main(int argc, char *argv[])  
  7. {  
  8.     QApplication a(argc, argv);  
  9.     qmlRegisterType<Person>("People",1,0,"Person");  
  10.     //qmlRegisterType<Person>();  
  11.     QDeclarativeView qmlView;  
  12.     qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));  
  13.     qmlView.show();  
  14.     return a.exec();  
  15. }  
 

 

// 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 ,他们分别在发送改变后调用自己对应的信号

具体看源代码，这里是设置来矩形框的颜色，文本框中文本。

 

 

 

 

 

 

QML与c++交互学习笔记(四)

1.导出Person类，并且一个Job类，Job类包含一个Person的指针

2.具体导出过程

    1.通过属性来实现，具体的请看代码

 

3.具体代码

 

 

// person.h

[cpp]  view plain  copy
  1. #ifndef PERSON_H  
  2. #define PERSON_H  
  3. #include <QObject>  
  4. #include <QColor>  
  5. class Person : public QObject  
  6. {  
  7.     Q_OBJECT  
  8.     // 设置设置属性的名字是 name  
  9.     // 对应读取函数名字 getName  
  10.     // 对应写函数名字 setName  
  11.     // 属性发生改变后发送信号 sendNameChange  
  12.     Q_PROPERTY(QString name READ getName WRITE setName NOTIFY sendNameChange)  
  13.    // 设置设置属性的名字是 age  
  14.    // 对应读取函数名字 getAge  
  15.    // 对应写函数名字 setAge  
  16.    // 属性发生改变后发送信号 sendAgeChange  
  17.    Q_PROPERTY(int age READ getAge WRITE setAge NOTIFY sendAgeChange)  
  18. public:  
  19.     explicit Person(QObject *parent = 0);  
  20.     QString getName(void) const;  
  21.     void setName(const QString& name);  
  22.     int getAge(void);  
  23.     void setAge(int age);  
  24. signals:  
  25.     void sendNameChange(void);  
  26.     void sendAgeChange(void);  
  27. private:  
  28.     QString     m_Name;  
  29.     int         m_Age;  
  30. };  
  31. /* 
  32.  设想一份工作给予一个人 
  33.  */  
  34. class Job : public QObject  
  35. {  
  36.     Q_OBJECT  
  37.     Q_PROPERTY(Person *per READ getPerson WRITE setPerson NOTIFY sendPersonChange)  
  38.     Q_PROPERTY(QString jn READ getJobName WRITE setJobName NOTIFY sendJobNameChange)  
  39. public:  
  40.     explicit Job(QObject *parent = 0);  
  41.     ~Job();  
  42.     void setPerson(Person *per);  
  43.     Person *getPerson(void) const;  
  44.     void setJobName(const QString & jobname);  
  45.     QString getJobName(void) const;  
  46. signals:  
  47.     void sendPersonChange();  
  48.     void sendJobNameChange();  
  49. private:  
  50.     Person *m_Person;  
  51.     QString m_JobName;  
  52. };  
  53. #endif // PERSON_H  
 

 

// person.cpp

[cpp]  view plain  copy
  1. #include "person.h"  
  2. //---------------------------------  
  3. //  
  4. Person::Person(QObject *parent) :  
  5.     QObject(parent), m_Name("unknow"), m_Age(0)  
  6. {  
  7. }  
  8. //---------------------------------  
  9. //  
  10. QString Person::getName(void) const  
  11. {  
  12.     return m_Name;  
  13. }  
  14. //---------------------------------  
  15. //  
  16. void Person::setName(const QString& name)  
  17. {  
  18.     m_Name = name;  
  19.     emit sendNameChange();  
  20. }  
  21. //---------------------------------  
  22. //  
  23. int Person::getAge(void)  
  24. {  
  25.     return m_Age;  
  26. }  
  27. //---------------------------------  
  28. //  
  29. void Person::setAge(int age)  
  30. {  
  31.     m_Age = age;  
  32.     emit sendAgeChange();  
  33. }  
  34. //---------------------------------  
  35. //  
  36. Job::Job(QObject *parent)  
  37.     :QObject(parent), m_Person(0), m_JobName("unknown")  
  38. {  
  39. }  
  40. //---------------------------------  
  41. //  
  42. Job::~Job()  
  43. {  
  44. }  
  45. //---------------------------------  
  46. //  
  47. void Job::setPerson(Person *per)  
  48. {  
  49.     m_Person = per;  
  50.     emit sendPersonChange();  
  51. }  
  52. //---------------------------------  
  53. //  
  54. Person *Job::getPerson(void) const  
  55. {  
  56.     return m_Person;  
  57. }  
  58. //---------------------------------  
  59. //  
  60. void Job::setJobName(const QString & jobname)  
  61. {  
  62.     m_JobName = jobname;  
  63.     emit sendJobNameChange();  
  64. }  
  65. //---------------------------------  
  66. //  
  67. QString Job::getJobName(void) const  
  68. {  
  69.     return m_JobName;  
  70. }  
 

 

// main.cpp

[cpp]  view plain  copy
  1. #include <QtGui/QApplication>  
  2. #include <QtDeclarative/QDeclarativeView>  
  3. #include <QtDeclarative/QDeclarativeEngine>  
  4. #include <QtDeclarative/QDeclarativeComponent>  
  5. #include "person.h"  
  6. int main(int argc, char *argv[])  
  7. {  
  8.     QApplication a(argc, argv);  
  9.     qmlRegisterType<Person>("People",1,0,"Person");  
  10.     //qmlRegisterType<Person>();  
  11.     qmlRegisterType<Job>("People",1,0,"Job");  
  12.     QDeclarativeView qmlView;  
  13.     qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));  
  14.     qmlView.show();  
  15.     return a.exec();  
  16. }  
 

 

// UICtest.qml

import Qt 4.7

import People 1.0 //如果是qmlRegisterType<Person>(); 导出就可以注释这条

Rectangle {

    width: 640

    height: 480

    Job {

        id: jobA;

        jn: "Learn";

        per: Person { id: ps; name: "Luly"; age: 25; }

    }

    // 显示这份工作的一些信息

    Rectangle{

        x: 100; y: 100;

        width: 100; height: 100;

        Text { text: "Job name:" + jobA.jn; }

        Text { y: 20; text: "Person name:" + ps.name; }

        Text { y: 40; text: "Person age:"  + ps.age; }

    }

    MouseArea{

        anchors.fill: parent;

        onClicked:{

            // 我要改变工作的名字 工作人的信息

            jobA.jn = "Clean House";

            ps.name = "Tom";

            ps.age = 30;

        }

    }

}

 

说明:

    主要是导出了两个类Person和Job, Job 包含一个Person的指针，这样后，可以看到

在QML中，我们需要给予Job对象一个Person来尽心赋值。

 

 

QML与c++交互学习笔记(五)

1.导出Person类，并且一个PersonGroup类，PersonGroup类是Person的一个组

 

2.具体导出过程

    1.通过属性来实现，具体的请看代码

 

3.具体代码

 

 

// person.h

[cpp]  view plain  copy
  1. #ifndef PERSON_H  
  2. #define PERSON_H  
  3. #include <QObject>  
  4. #include <QDeclarativeListProperty>  
  5. #include <QList>  
  6. class Person : public QObject  
  7. {  
  8.     Q_OBJECT  
  9.     Q_PROPERTY(QString name READ getName WRITE setName NOTIFY sendNameChange)  
  10.     Q_PROPERTY(int age READ getAge WRITE setAge NOTIFY sendAgeChange)  
  11. public:  
  12.     explicit Person(QObject *parent = 0);  
  13.     QString getName(void) const;  
  14.     void setName(const QString& name);  
  15.     int getAge(void);  
  16.     void setAge(int age);  
  17. signals:  
  18.     void sendNameChange(void);  
  19.     void sendAgeChange(void);  
  20. private:  
  21.     QString     m_Name;  
  22.     int         m_Age;  
  23. };  
  24. class PersonGroup : public QObject  
  25. {  
  26.     Q_OBJECT  
  27.     Q_PROPERTY(QDeclarativeListProperty<Person> members READ members)  
  28. public:  
  29.     explicit PersonGroup(QObject *parent = 0);  
  30.     QDeclarativeListProperty<Person> members(void);  
  31.     Q_INVOKABLE int membersCount(void) const;  
  32.     Q_INVOKABLE Person *member(int index) const;  
  33. private:  
  34.     QList<Person*> m_MemberList;  
  35. };  
  36. #endif // PERSON_H  
 

 

// person.cpp

[cpp]  view plain  copy
  1. #include "person.h"  
  2. //---------------------------------  
  3. //  
  4. Person::Person(QObject *parent) :  
  5.     QObject(parent), m_Name("unknow"), m_Age(0)  
  6. {  
  7. }  
  8. //---------------------------------  
  9. //  
  10. QString Person::getName(void) const  
  11. {  
  12.     return m_Name;  
  13. }  
  14. //---------------------------------  
  15. //  
  16. void Person::setName(const QString& name)  
  17. {  
  18.     m_Name = name;  
  19.     emit sendNameChange();  
  20. }  
  21. //---------------------------------  
  22. //  
  23. int Person::getAge(void)  
  24. {  
  25.     return m_Age;  
  26. }  
  27. //---------------------------------  
  28. //  
  29. void Person::setAge(int age)  
  30. {  
  31.     m_Age = age;  
  32.     emit sendAgeChange();  
  33. }  
  34. //---------------------------------  
  35. //  
  36. PersonGroup::PersonGroup(QObject *parent)  
  37.     :QObject(parent)  
  38. {  
  39. }  
  40. //---------------------------------  
  41. //  
  42. QDeclarativeListProperty<Person> PersonGroup::members(void)  
  43. {  
  44.     return QDeclarativeListProperty<Person>(this, m_MemberList);  
  45. }  
  46. //---------------------------------  
  47. //  
  48. int PersonGroup::membersCount() const  
  49. {  
  50.     return m_MemberList.size();  
  51. }  
  52. //---------------------------------  
  53. //  
  54. Person *PersonGroup::member(int index) const  
  55. {  
  56.     return m_MemberList.at(index);  
  57. }  
 

 

// main.cpp

[cpp]  view plain  copy
  1. #include <QtGui/QApplication>  
  2. #include <QtDeclarative/QDeclarativeView>  
  3. #include <QtDeclarative/QDeclarativeEngine>  
  4. #include <QtDeclarative/QDeclarativeComponent>  
  5. #include "person.h"  
  6. int main(int argc, char *argv[])  
  7. {  
  8.     QApplication a(argc, argv);  
  9.     qmlRegisterType<Person>("People",1,0,"Person");  
  10.     //qmlRegisterType<Person>();  
  11.     qmlRegisterType<PersonGroup>("People",1,0,"PersonGroup");  
  12.     QDeclarativeView qmlView;  
  13.     qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));  
  14.     qmlView.show();  
  15.     return a.exec();  
  16. }  
 

 

// UICtest.qml

import Qt 4.7

import People 1.0 //如果是qmlRegisterType<Person>(); 导出就可以注释这条

Rectangle {

    width: 640

    height: 480

    property int pgcurIndex: 0;

    PersonGroup{

        id: group;

        members: [

            Person { name: "A"; age: 20},

            Person { name: "B"; age: 21},

            Person { name: "C"; age: 22},

            Person { name: "D"; age: 23},

            Person { name: "E"; age: 24}

        ]

    }

    // 显示这份工作的一些信息

    Rectangle{

        x: 100; y: 100;

        width: 100; height: 100;

        Text { id: text1;  text: ""}

        Text { id: text2;  y: 20; text: ""}

        Text { id: text3;  y: 40; text: ""}

    }

    MouseArea{

        anchors.fill: parent;

        onClicked:{

            //if (pgcurIndex < group.membersCount() - 1){ // 这里两种方法都可以

            if (pgcurIndex < group.members.length - 1){

                pgcurIndex++;

            }else{

                pgcurIndex = 0;

            }

            // 显示信息

            text1.text = "PersonGroup index: " + pgcurIndex;

            var person = group.member(pgcurIndex);

            text2.text = "Person name: " + person.name;

            text3.text = "Person age: "  + person.age;

        }

    }

}

 

说明：

    这里导出了两个类Person， PersonGroup， PersonGroup保存来一个Person的组，

我们通过导出的函数来调用类面的成员，获取成员的信息.

 

 

QML与c++交互学习笔记(六) 关于qt c++中创建对象，QML获取此对象数据问题

 

1.假设

    1.在c++中创建一个Person的对象，

    2.在QML中获取并显示数据

    3.在c++中改变数据后，显示的数据能进行相应的改变

   

    也就是说我们实际是在c++中new一个对象出来，而把这个对象的数据在QML里面进行显示

 

2.具体代码

 

 

// person.h

[cpp]  view plain  copy
  1. #ifndef PERSON_H  
  2. #define PERSON_H  
  3. #include <QObject>  
  4. #include <QDeclarativeListProperty>  
  5. #include <QList>  
  6. #include <QColor>  
  7. class Person : public QObject  
  8. {  
  9.     Q_OBJECT  
  10.     Q_PROPERTY(QString name READ getName WRITE setName NOTIFY sendNameChange)  
  11.     Q_PROPERTY(int age READ getAge WRITE setAge NOTIFY sendAgeChange)  
  12. public:  
  13.     explicit Person(QObject *parent = 0);  
  14.     QString getName(void) const;  
  15.     void setName(const QString& name);  
  16.     int getAge(void);  
  17.     void setAge(int age);  
  18.     // 一个简单的函数, 获取蓝色  
  19.     Q_INVOKABLE QColor getColor(void) const;  
  20.     Q_INVOKABLE void changeNameAndAge(void);  
  21. signals:  
  22.     void sendNameChange(void);  
  23.     void sendAgeChange(void);  
  24. private:  
  25.     QString     m_Name;  
  26.     int         m_Age;  
  27. };  
  28. #endif // PERSON_H  
 

 

// person.cpp

[cpp]  view plain  copy
  1. #include "person.h"  
  2. //---------------------------------  
  3. //  
  4. Person::Person(QObject *parent) :  
  5.     QObject(parent), m_Name("unknow"), m_Age(0)  
  6. {  
  7. }  
  8. //---------------------------------  
  9. //  
  10. QString Person::getName(void) const  
  11. {  
  12.     return m_Name;  
  13. }  
  14. //---------------------------------  
  15. //  
  16. void Person::setName(const QString& name)  
  17. {  
  18.     m_Name = name;  
  19.     emit sendNameChange();  
  20. }  
  21. //---------------------------------  
  22. //  
  23. int Person::getAge(void)  
  24. {  
  25.     return m_Age;  
  26. }  
  27. //---------------------------------  
  28. //  
  29. void Person::setAge(int age)  
  30. {  
  31.     m_Age = age;  
  32.     emit sendAgeChange();  
  33. }  
  34. //---------------------------------  
  35. //  
  36. QColor Person::getColor(void) const  
  37. {  
  38.     return QColor(Qt::blue);  
  39. }  
  40. //---------------------------------  
  41. //  
  42. void Person::changeNameAndAge(void)  
  43. {  
  44.     setName("Luly");  
  45.     setAge(31);  
  46. }  

 

// main.cpp

[cpp]  view plain  copy
  1. #include <QtGui/QApplication>  
  2. #include <QtDeclarative/QDeclarativeView>  
  3. #include <QtDeclarative/QDeclarativeEngine>  
  4. #include <QtDeclarative/QDeclarativeComponent>  
  5. #include <QtDeclarative/QDeclarativeContext>  
  6. #include "person.h"  
  7. int main(int argc, char *argv[])  
  8. {  
  9.     QApplication a(argc, argv);  
  10.     Person tmpPerson;  
  11.     tmpPerson.setName("Tom");  
  12.     tmpPerson.setAge(25);  
  13.     QDeclarativeView qmlView;  
  14.     qmlView.rootContext()->setContextProperty("ps",&tmpPerson);  
  15.     qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));  
  16.     qmlView.show();  
  17.     return a.exec();  
  18. }  
 

 

// 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中可以直接使用属性来进行赋值.

 

QML与c++交互学习笔记(七)

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

[cpp]  view plain  copy
  1. #ifndef WIDGET_H  
  2. #define WIDGET_H  
  3. #include <QWidget>  
  4. #include <QGraphicsProxyWidget>  
  5. #include <QPushButton>  
  6. #include <QLabel>  
  7. #include <QLineEdit>  
  8. class Widget : public QGraphicsProxyWidget  
  9. {  
  10.     Q_OBJECT  
  11. public:  
  12.     explicit Widget(QGraphicsItem *parent = 0);  
  13.     ~Widget();  
  14.     Q_INVOKABLE void changeText(const QString& s);  
  15. signals:  
  16.     void sendOnButton(void);  
  17. private:  
  18.     QPushButton *m_Btn;  
  19.     QLabel      *m_Label;  
  20.     QWidget     *m_MainWidget;  
  21. };  
  22. #endif // WIDGET_H  
 

 

//widget.cpp

[cpp]  view plain  copy
  1. #include "widget.h"  
  2. Widget::Widget(QGraphicsItem *parent) :  
  3.     QGraphicsProxyWidget(parent)  
  4. {  
  5.     m_MainWidget = new QWidget;  
  6.     m_Btn = new QPushButton(m_MainWidget);  
  7.     m_Label = new QLabel(m_MainWidget);  
  8.     m_Btn->setText("PushButton");  
  9.     m_Btn->setGeometry(10, 10, 100, 30);  
  10.     m_Label->setGeometry(10, 40, 200, 30);  
  11.     QObject::connect(m_Btn, SIGNAL(clicked()), this, SIGNAL(sendOnButton()));  
  12.     setWidget(m_MainWidget);  
  13. }  
  14. Widget::~Widget()  
  15. {  
  16.     delete m_MainWidget;  
  17. }  
  18. void Widget::changeText(const QString& s)  
  19. {  
  20.     m_Label->setText(s);  
  21.     qDebug(" call Widget::changeText");  
  22. }  
 

 

// main.cpp

[cpp]  view plain  copy
  1. #include <QtGui/QApplication>  
  2. #include <QtDeclarative/QDeclarativeView>  
  3. #include <QtDeclarative/QDeclarativeEngine>  
  4. #include <QtDeclarative/QDeclarativeComponent>  
  5. #include <QtDeclarative/QDeclarativeContext>  
  6. #include "widget.h"  
  7. int main(int argc, char *argv[])  
  8. {  
  9.     QApplication a(argc, argv);  
  10.     qmlRegisterType<Widget>("UIWidget", 1, 0, "Widget");  
  11.     QDeclarativeView qmlView;  
  12.     qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));  
  13.     qmlView.show();  
  14.     return a.exec();  
  15. }  
 

 

// 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中对这个编写处理就可以实现，具体看代码。

 

 

 

QML与c++交互学习笔记(八) qt c++直接调用QML中的函数, 直接设置属性

 

1.这里主要是介绍，如何在c++中调用QML中的函数和设置QML中的属性的问题

 

2.具体代码

 

 

// UICtest.qml

import Qt 4.7

Rectangle {

    id: mainWidget;

    width: 640

    height: 480

    function callbyc(v)

    {

        mainWidget.color = v;

        return "finish";

    }

    Rectangle{

        id: secondRect;

        x: 100;

        y: 20;

        width: 400;

        height: 300;

        Rectangle{

            x: 10;

            y: 20;

            width: 30;

            height: 40;

            color: "#FF035721"

            Text  {

                objectName: "NeedFindObj";

                anchors.fill: parent;

                text: "";

            }

        }

    }

}

 

// main.cpp

[cpp]  view plain  copy
  1. #include <QtGui/QApplication>  
  2. #include <QtDeclarative/QDeclarativeView>  
  3. #include <QtDeclarative/QDeclarativeEngine>  
  4. #include <QtDeclarative/QDeclarativeComponent>  
  5. #include <QtDeclarative/QDeclarativeContext>  
  6. #include <QtDeclarative/QDeclarativeItem>  
  7. #include <QMetaObject>  
  8. int main(int argc, char *argv[])  
  9. {  
  10.     QApplication a(argc, argv);  
  11.     QDeclarativeView qmlView;  
  12.     qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml"));  
  13.     qmlView.show();  
  14.     // 获取根节点，就是 QML中 id是mainWidget的节点  
  15.     QDeclarativeItem *item = qobject_cast<QDeclarativeItem*>(qmlView.rootObject());  
  16.     item->setProperty("color", QVariant("blue"));  
  17.     // 查找到我们需要的节点根均objectname NeedFindObj 来获得，并设置他的文本属性  
  18.     QDeclarativeItem *item1 = item->findChild<QDeclarativeItem *>("NeedFindObj");  
  19.     if (item1)  
  20.     {  
  21.         item1->setProperty("text", QVariant("OK"));  
  22.     }  
  23.     // 调用QML中的函数, 分别是 函数所在的对象， 函数名，返回值， 参数  
  24.     QVariant returnVar;  
  25.     QVariant arg1 = "blue";  
  26.     QMetaObject::invokeMethod(item, "callbyc",  
  27.                               Q_RETURN_ARG(QVariant, returnVar),Q_ARG(QVariant, arg1));  
  28.     qDebug(" %s",returnVar.toString().toLocal8Bit().data());  
  29.     return a.exec();  
  30. }  
 

 

 

Amars_丁
关注
专栏目录
QML与C++混合编程使用
01-27 1万+
C++与QML的交互是通过暴露C++对象给QML环境得以实现的： 在C++实现中，非可视化的型别均为QObject的子类，可视化的类型均为QDeclarativeItem的子类。注意：QDeclarativeItem等同于QML的Item类。 如果用户想要定义自己的型别，做法如下： 在C++中，实现派生于QObject或QDeclarativeItem的子类，它是新定义item的实体对象； 在C++中，将1中实现的新item类型注册给QML； 在QML中，导入含有1中定义的新item的模块； 在
Qt - QML与C++数据交互详解
嵌入式技术
01-09 2025
QML与C++交互数据的方法详解
[QML笔记] C++与QML通信
最新发布
seeaaan 的博客
07-09 604
除了调用一些方法外，我们可能还需要访问 C++ 类中的一些成员，要访问这些成员可以通过 Q_PROPERTY 宏来表示哪些成员是可以被访问的，比如我们希望 QML 允许访问成员变量 m_loggedIn。除了调用 C++ 的方法和访问自定义属性外，我们还可以在 QML 中添加一个信号处理程序来处理 C++ 层发出的信号，注意QML的绑定规则，通过 Q_PROPERTY 宏来告诉 QML，要访问这个变量你需要调用的各个函数。接着上面这个代码，我们新建一个。类与QML通信有两种方式。单例类注册到全局上下文。
c++与QML相互通信 数据交互
01-10
c++数据传入qml， qml数据返回给c++，数据互传 ，两种方式
C++与QML通信
MichaelKongChina的博客
11-27 1411
C++ 与QML可以理解为两个平行的世界，由于很多Qt的模块无法直接在QML中使用，因此在业务开发的过程中，对于C++ 与QML的分工往往是使用QML来构建界面，使用C++ 来实现非界面的业务逻辑开发，所以我们会频繁使用到C++ 与QML的交互，因此对我在开发过程中经常使用的交互方法进行一个梳理。 对所有的交互方式给出三类总结： 1.推荐使用的原有框架：Qt Quick有一套Model-View-Delegate框架，在这套框架里面完成了C++ 与QML的通信，这个方式在另一篇文章“Model-View-D
chapter2-methods.zip_frozenb8y_qml_regionx6w_使用qt c++扩展qml的教程
09-20
3. **信号与槽机制**：Qt的信号和槽机制是C++与QML通信的关键。在C++类中，你可以声明`Q_SIGNALS`和`Q_SLOTS`，并在QML中连接这些信号和槽，以实现事件处理。 4. **属性绑定**：C++类中的属性可以映射到QML中的属性...
qt c++ can通信实现的上位机界面源码
05-28
QT C++ CAN通信实现的上位机界面源码是一套基于Qt库和C++编程语言设计的软件，用于实现CAN（Controller Area Network）总线通信的用户界面。CAN总线是一种广泛应用在汽车、工业自动化、医疗设备等领域的多节点通信...
Qt6.2搭配QtDS，采用QML作为UI界面，C++与QML交互处理逻辑，开发的多功能串口助手，供学习使用
05-11
总结起来，使用Qt6.2和QtDS进行C++与QML交互，可以构建高效、美观的串口通信应用。通过理解QML和C++的结合，以及如何利用`QSerialPort`进行串口操作，开发者能够开发出功能强大、易用的串口助手，适用于教育、测试和...
Qt QML ListView演示与C++/QML通信实践
资源摘要信息:"untitled_qml.rar是一个关于Qt QML的压缩包文件，主要包含了一个Qt QML的示例程序，展示了如何使用ListView控件以及Qt QML与C++之间的通信。" 知识点详细说明： 1. Qt QML介绍： Qt QML是一个用于...
QT - QML cpp与qml交互
weixin_36447711的博客
11-11 495
。 一、在QML中使用CPP中的信号 CppObject.cpp中声明信号 signals: //信号可以在QML中访问 void cppSignalA(); //一个无参信号 void cppSignalB(const QString &str,int value);//一个带参数信号 void nameChanged(const QString name); void yearChanged(int year); CppObject.h中...
与C++中的QML对象进行通信
带你成为别人眼中的大佬！
08-28 187
为了在C++中访问QML对象，我们需要使用QQmlContext类和QObject::findChild()函数。在上面的示例中，我们使用QQmlApplicationEngine加载了一个名为“main.qml”的QML文件，并使用QQuickView显示它。在上面的代码中，我们首先创建了MyObject对象myObject，并使用rootContext()函数将其注册到QML引擎中。在上面的示例中，我们创建了一个鼠标区域，并在其单击时调用myObject对象的cppFunction()函数。
qt qml与c++
baidu_16370559的博客
11-18 1699
QMl是一种高效的开发UI 的语言。QML（Qt Meta-Object Language，Qt元对象语言）是一种声明式编程语言，并且它是Qt框架的一个组成部分。Action 对应QAction，提供能够绑定到导航和视图的抽象的用户界面动作。StackView 对应QStackedWidget，提供基于栈的层叠布局。TabView 对应QTabWidget，提供带有标签的基于栈的层叠布局。TabView 对应QTabWidget，提供带有标签的基于栈的层叠布局。
QML与C++通信
weixin_43527214的博客
03-16 1233
要注册一个 QML 类型，有多种方法可用，如 qmlRegisterSingletonType() 用来注册一个单例类型， qmlRegisterType() 注册一个非单例的类型， qmlRegisterTypeNotAvailable() 注册一个类型用来占位， qmlRegisterUncreatableType() 通常用来注册一个具有附加属性的附加类型。一旦导出了一个类，在 QML 中就必然要访问该类的实例的属性或方法来达到某种目的，而具有什么特征的属性或方法才可以被 QML 访问呢？
QML与c++通信
weixin_43836625的博客
11-14 1313
QML与c++通信 在学习一段时间qml后，发现qml用来写界面确实很方便，但仅仅qml写程序也有不足之处，所以将c++和qml联合使用 在QML中创建c++对象 我们可以先创建一个C++类，创建好后，在main.cpp文件中将这个类注册成qml中可用的一个项目 main.cpp qmlRegisterType<qml_interface>("qml_interface",1...
Qt QML signal slots
u013804856的博客
07-29 417
C++的中的信号与槽 使用Qt5 的C++ 在头文件中 signal and slots 声明如下： signals: void signal1xxx(); void signal2xxx(); slots: void slots1(); void slots2(); 信号与槽的链接必须使用connect 函数将其关联。 QObject::connect(sender,signal,receiver,slot) QML 中的信号与槽 在QML文件中，定义与使用如下： import Qt
QML和C++混合编程
ke的博客
06-12 353
QML和C++混合编程 推荐博客： http://blog.csdn.net/foruok/article/details/32698603 http://blog.csdn.net/zzti_erlie/article/details/53008987 https://blog.csdn.net/qq_33154343/article/details/79364846 编译环境: win10专业版 Qt Creator 4.5.2 based on Qt 5.9.5 工程创建步骤: 工程名称:qml_
Qml和C++混合编程
quietbxj的博客
08-10 227
Qml和C++运行环境不同，是两个平行的世界，但Qml和C++支持混合编程。 Qml使用C++类和对象 C++中的类，注册为Qml环境中的一个类型，在Qml中使用该类型创建对象，使用方法：qmlRegisterType()。 C++构造一个对象，将这个对象设置为Qml上下文，在Qml中直接使用该属性，使用方法：view.rootContext()->setContextProperty("classOb", new ClassName()) 定义C++类 继承QObject类或者其派生类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值