最近接触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_Hon_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/Buttons.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的时候,弹出如下弹框选择: