Qt-QML-C++交互实现文件IO系统

举报
DreamLife 发表于 2022/04/16 00:47:47 2022/04/16
【摘要】 QMl是没有自己的文件IO控制的,这里如果我们需要对文件进行读写操作,那么就需要去C++或者JS完成交互,交互方式有多种,由于我还没有掌握,这里就不介绍具体的交互方式了。这里就简单说明一下我的实现过程。 整个项目布局 文件主要包括正序main文件,C++的IO类文件,包括头文件和Cpp文件以及一个测试用的qml界面文件 &nb...

QMl是没有自己的文件IO控制的,这里如果我们需要对文件进行读写操作,那么就需要去C++或者JS完成交互,交互方式有多种,由于我还没有掌握,这里就不介绍具体的交互方式了。这里就简单说明一下我的实现过程。

整个项目布局

文件主要包括正序main文件,C++的IO类文件,包括头文件和Cpp文件以及一个测试用的qml界面文件

 

这里需要特别注意的是,QML想与C++交互,那么在建立C++类的时候,就必须要包含<QObject>类,这里Qt为我们实现了后多东西,暂时还没有能力来一探究竟,只是知道现在需要继承QObject

 

这里,为了先吧框架搭起来,我就先简单的写两个函数,一个读文件,一个写文件。

到这里,这个文件的IO系统就基本完成了,下面分享一下代码

 

 

main.cpp

 

 

#include <QApplication>
#include <QQmlApplicationEngine>
#include "dlfileiosystem.h"
#include <QQmlContext>
int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QQmlApplicationEngine engine;

    QQmlContext *context = engine.rootContext();

    DLFileIOSystem *fileio = new DLFileIOSystem();

    context->setContextProperty("FileIOSystem",fileio);


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

    return app.exec();
}


在这里需要注意的是,我用到了QQmlContext,这里也可以不用,直接使用引擎的设置代理就可以了,但是为了后面更多的添加,这里使用的QQmlContext,所以需要在都文件中包含

 

 

#include <QQmlContext>


剩下的就是把我自己写的类作为一个属性暴露给QML

 

 

自己写的dlfileiosystem.h

 

#ifndef DLFILEIOSYSTEM_H
#define DLFILEIOSYSTEM_H

#include <QObject>
#include <QJsonObject>
class DLFileIOSystem : public QObject
{
    Q_OBJECT
public:
    explicit DLFileIOSystem(QObject *parent = 0);
    Q_INVOKABLE QJsonObject DLReadFile();
    Q_INVOKABLE bool DLWriteFile();

};

#endif // DLFILEIOSYSTEM_H

 

 

 

 

 

这里需要注意的就是如果想让我们在C++中写的函数可以在QML中调用,需要在声明函数的是加上 Q_INVOKABLE关键字,目前我只是申明了一个读文件,和写文件的两个方法。

cpp中内容

 

#include "dlfileiosystem.h"

DLFileIOSystem::DLFileIOSystem(QObject *parent) : QObject(parent)
{

}

QJsonObject DLFileIOSystem::DLReadFile()
{
    //这里将实现文件的打开并从文件中读取内容
    QJsonObject date;
    return date;
}

bool DLFileIOSystem::DLWriteFile()
{
    //这里将实现文件的写入和关闭文件
    return true;
}

 

 

 

 

 

这里只有框架,内容还没有写,因为我还不知道是应该把文件写到XML中,还是普通文件中了。所以还没有写,详细可以看后面更新的文章

 

QML文件

 

import QtQuick 2.5
import QtQuick.Controls 1.4

ApplicationWindow {
    visible: true
    width: 1366
    height: 768
    title: qsTr("FIle IO System")
    Rectangle
    {
        id:btn_open
        width: 100
        height: 30
        anchors
        {
            right:parent.right
            bottom:parent.bottom
            margins:20
        }
        border.color: "#FF0000"
        border.width: 2
        MouseArea
        {
            anchors.fill: parent
            onClicked:
            {
                var date = FileIOSystem.DLReadFile()
            }
        }
        Text {
            anchors.centerIn: parent
            text: qsTr("打开文件")
        }
    }
    Rectangle
    {
        id:btn_close
        width: 100
        height: 30
        anchors.right: btn_open.left
        anchors.rightMargin: 20
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 20
        border.color: "#00FF00"
        border.width: 2
        MouseArea
        {
            anchors.fill: parent
            onClicked:
            {
                FileIOSystem.DLWriteFile()
            }
        }
        Text
        {
            anchors.centerIn: parent
            text: qsTr("关闭文件")
        }
    }

    TextField
    {
        width: 1000
        height: 600
        anchors
        {
            top:parent.top
            left:parent.left
            margins:20
        }
    }

}


在这个QML文件中,这里有没有做太多内容,只是简单的做了两个按钮,一个打开文件按钮,一个关闭文件按钮,还有一个TextField用来显示和编辑文件。

 

目前的程序运行结果

 

 

 

 

文章来源: dreamlife.blog.csdn.net,作者:DreamLife.,版权归原作者所有,如需转载,请联系作者。

原文链接:dreamlife.blog.csdn.net/article/details/71488250

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。