qml与c++混合编程之简单demo说明

最近接触QML，感觉非常kuo，demo中实现一个按键，名为Open，功能就是打开文件，很简单。打开过程是c++干事，界面是QML写的。qml与c++混合编程不清楚的，可以看我前面一篇文档。file.h

#ifndef FILE_H

#define FILE_H

#include <QObject>

class test_file: public QObject

{

Q_OBJECT

public:

explicit test_file(QObject *parent = 0);

signals:

void someSignal();

public slots:

void on_actionOpen_triggered(); // 打开文件菜单

};

#endif // FILE_H

on_actionOpen_triggered();是槽函数，还得有个signals函数；file.cpp

#include "file.h"

#include "QDebug"

#include <QtWidgets/QFileDialog>

test_file::test_file(QObject *parent):

QObject(parent)

{

}

void test_file::on_actionOpen_triggered()// 打开文件菜单

{

QString fileName = QFileDialog::getOpenFileName(); // 获取文件路径

emit someSignal();

qDebug()<<fileName;

}

main.cpp

#include "mainwindow.h"

#include <QApplication>

#include <QQmlApplicationEngine>

#include <QQmlContext>

#include <QQmlEngine>

#include <QtQml>

#include "file.h"

int main(int argc, char *argv[])

{

QApplication a(argc, argv);

QQmlApplicationEngine engine;

test_file f;

engine.load(QUrl(QStringLiteral("qrc:/edit/main.qml")));

engine.load(QUrl(QStringLiteral("qrc:/edit/But
4000
tons.qml")));

engine.rootContext()->setContextProperty("FILE_USER",&f);

return a.exec();

}

main.qml

import QtQuick 2.0

import QtQuick.Controls 1.1

ApplicationWindow {

id: aw

visible: true

width: 900

height: 900

title: qsTr("edit")

Rectangle {

width: 600

height: 600

color: "#609ca0"

Rectangle{//按钮

x:50;y:40

Buttons{

anchors.horizontalCenter: parent.horizontalCenter

text: "Open"

onClick.onClicked:FILE_USER.on_actionOpen_triggered()

}

}

}

}

Buttons.qml

import QtQuick 2.0

Rectangle {

id:button_type

property alias onClick:ma

property alias text: textElement.text;

width: 90; height: 40

border.color: "steelblue";border.width:2

radius: 8

Text {

id: textElement

anchors.centerIn: parent

font.pointSize: 25

style: Text.Raised;

}

MouseArea{

id: ma

anchors.fill: parent

}

}

运行结果如下：点击Open的时候，弹出如下弹框选择：