qml使用c++自定义类作为组件

/*
qml使用c++自定义类作为qml组件，需要几个步骤：
1.从QObject继承下来，将数据成员使用Q_PROPERTY设置为属性，可读写等

2.main函数或者其他地方需要调用qml注册类型：
 qmlRegisterType<MyTestQmlComponent>("TestQmlComponent",1,0,"MyTestQmlComponent");
 注册类型的时候，第一个参数可以是任意名字，这里使用的是头文件的文件名，这个名字作为.qml文件的import模块名，如：import TestQmlComponent 1.0。第2,3参数是import的版本号，第4个参数是定义的类名

3. 写好qml文件，文件里面有MyTestQmlComponent对象

4. main函数或者其他地方就可以使用qmlcompent获取到该组件对象，取得qml文件里面对应的数据
*/

//testqmlcomponent.h
class MyTestQmlComponent : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QString name READ Name WRITE SetName)   // READ WRITE 必须全字母大写
    Q_PROPERTY(int width READ Width WRITE SetWidth)
public:
    MyTestQmlComponent(QObject *parent = Q_NULLPTR):QObject(parent){}
    ~MyTestQmlComponent(){}

    QString Name() const{return mName;}
    void SetName(const QString &name){mName = name;}

    void SetWidth(int w){mWidth = w;}
    int Width(){return mWidth;}

private:
    QString mName;
    int mWidth = 0;
};


// main函数里面这样注册类型
qmlRegisterType<MyTestQmlComponent>("TestQmlComponent",1,0,"MyTestQmlComponent");

// .qml文件的写法： 文件名：TestQmlComponent.qml
import QtQuick 2.0
import TestQmlComponent 1.0

MyTestQmlComponent 
{
name:"降龙十八掌"
width:15
}


// main函数里面使用qmlcompenent来获取组件中的内容
    QQmlEngine engine;
    QQmlComponent cmp(&engine,"qrc:/TestQmlComponent.qml");
    MyTestQmlComponent* pMyCmp = qobject_cast<MyTestQmlComponent*>(cmp.create());
    qDebug()<<"Name:"<<pMyCmp->Name()<<"width:"<<pMyCmp->Width();