qml实现文件最近打开功能

要实现最近打开功能，我们需要记录用户打开的文件名和路径，并将其保存到文件中。下次启动应用程序时，我们可以从文件中读取最近打开的文件列表，并将其显示在应用程序的 UI 中。以下是一个简单的 QML 实现：

import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12
import Qt.labs.settings 1.0

ApplicationWindow {
    id: mainWindow
    width: 640
    height: 480
    visible: true
    title: "QML记事本"

    // 设置对象
    Settings {
        id: settings
        category: "RecentFiles"

        property int count: 0

        // 添加最近打开的文件
        function addRecentFile(fileUrl) {
            var index = count;
            settings.setValue("file_" + index + "_url", fileUrl);
            settings.setValue("file_" + index + "_name", fileUrl.substring(fileUrl.lastIndexOf("/") + 1));
            settings.setValue("file_" + index + "_time", new Date().getTime());
            settings.setValue("count", index + 1);
        }

        // 获取最近打开的文件列表
        function getRecentFiles() {
            var files = [];
            for (var i = 0; i < count; i++) {
                var fileUrl = settings.value("file_" + i + "_url", "");
                var fileName = settings.value("file_" + i + "_name", "");
                var fileTime = settings.value("file_" + i + "_time", "");
                files.push({url: fileUrl, name: fileName, time: fileTime});
            }
            return files;
        }
    }

    // 布局
    ColumnLayout {
        anchors.fill: parent

        // 文本编辑器
        TextArea {
            id: textEditor
            Layout.fillWidth: true
            Layout.fillHeight: true
        }

        // 操作栏
        RowLayout {
            Layout.fillWidth: true

            // 新建按钮
            Button {
                text: "新建"
                onClicked: {
                    textEditor.text = "";
                }
            }

            // 打开按钮
            Button {
                text: "打开"
                onClicked: {
                    var fileDialog = Qt.createQmlObject('import QtQuick.Dialogs 1.2; FileDialog { selectMultiple: false; selectFolder: false }', mainWindow);
                    fileDialog.visible = true;
                    fileDialog.onAccepted: {
                        var fileUrl = fileDialog.fileUrl;
                        if (fileUrl !== "") {
                            // 添加最近打开的文件
                            settings.addRecentFile(fileUrl);
                            // 读取文件内容并显示
                            var file = new XMLHttpRequest();
                            file.open("GET", fileUrl);
                            file.onreadystatechange = function() {
                                if (file.readyState === XMLHttpRequest.DONE) {
                                    textEditor.text = file.responseText;
                                }
                            }
                            file.send();
                        }
                    }
                }
            }

            // 最近打开菜单
            Menu {
                title: "最近打开"
                MenuItem {
                    text: "清空"
                    onClicked: {
                        settings.clear();
                        recentFilesMenu.clear();
                    }
                }
                MenuSeparator {}

                // 最近打开的文件列表
                Menu {
                    id: recentFilesMenu
                    title: "文件列表"
                    visible: settings.count > 0
                    // 获取最近打开的文件列表并添加到菜单中
                    Component.onCompleted: {
                        var files = settings.getRecentFiles();
                        for (var i = 0; i < files.length; i++) {
                            var file = files[i];
                            addAction({text: file.name, triggered: function() {
                                var fileUrl = this.data.url;
                                var file = new XMLHttpRequest();
                                file.open("GET", fileUrl);
                                file.onreadystatechange = function() {
                                    if (file.readyState === XMLHttpRequest.DONE) {
                                        textEditor.text = file.responseText;
                                    }
                                }
                                file.send();
                            }, data: file});
                        }
                    }
                }
            }
        }
    }
}

上述代码中，我们使用了 `Settings` 对象来记录最近打开的文件列表。具体实现如下：

- `addRecentFile()` 函数用于添加最近打开的文件，它接受一个文件 URL 参数，并将文件名、路径和最近打开时间保存到设置中。
- `getRecentFiles()` 函数用于获取最近打开的文件列表，它返回一个包含文件 URL、文件名和最近打开时间的对象数组。
- 在打开文件时，我们首先调用 `addRecentFile()` 函数将文件 URL 添加到最近打开的文件列表中，然后读取文件内容并显示在文本编辑器控件中。
- 在最近打开菜单中，我们使用 `Menu` 和 `MenuItem` 控件来显示最近打开的文件列表。在菜单中，我们首先添加了一个清空菜单项，然后使用 `Component.onCompleted` 事件处理程序初始化最近打开的文件列表。在初始化过程中，我们使用 `settings.getRecentFiles()` 函数获取最近打开的文件列表，并将其添加到菜单中。当用户点击菜单项时，我们使用 `XMLHttpRequest` 对象读取文件内容并显示在文本编辑器控件中。