qml FileDialog 详解

1、概述

FileDialog是QML（Qt Modeling Language）中的一个组件，它提供了一个标准的文件选择对话框，允许用户浏览文件系统、选择文件或文件夹，并对其进行打开、保存等操作。FileDialog是Qt Quick Controls模块的一部分，常用于图形用户界面（GUI）开发中，为用户提供文件选择的功能。

2、重要属性

• defaultSuffix : string
  • 指定默认文件扩展名。
• fileUrl : url
  • 当选择单个文件时，返回该文件的URL。
• fileUrls : list<url>
  • 返回用户选择的文件URL列表。
• folder : url
  • 指定对话框打开时显示的初始文件夹。
• modality : Qt::WindowModality
  • 设置对话框的模态性（非模态、窗口模态、应用程序模态）。
• nameFilters : list<string>
  • 定义用于筛选文件的模式列表。
• selectExisting : bool
  • 指定是否只能选择现有文件。
• selectFolder : bool
  • 指定是否可以选择文件夹（可能依赖于特定实现）。
• selectMultiple : bool
  • 指定是否可以选择多个文件。
• selectedNameFilter : string
  • 表示当前选中的文件筛选器。
• shortcuts : Object
  • 定义与对话框交互的快捷键（可能依赖于特定实现）。
• sidebarVisible : bool
  • 指定侧边栏是否可见（可能依赖于特定实现）。
• title : string
  • 对话框的标题。
• visible : bool
  • 指定对话框是否可见（通常使用open()和close()方法控制）。

3、重要方法

• close()
  • 关闭对话框。
• open()
  • 打开对话框以供用户交互。

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    title: "FileDialog 示例"

    Button {
        text: "选择文件"
        anchors.centerIn: parent
        onClicked: fileDialog.open()
    }

    FileDialog {
        id: fileDialog
        title: "请选择文件"
        nameFilters: ["*.txt", "*.doc", "*.pdf"] // 设置文件筛选器
        selectExisting: true // 选择现有文件
        selectMultiple: false // 不允许选择多个文件
        modality: Qt.WindowModal // 设置为模态对话框

        onAccepted: {
            var selectedFiles = fileDialog.fileUrls; // 获取选中的文件列表（即使selectMultiple为false，这里也返回一个列表）
            if (selectedFiles.length > 0) {
                var filePath = selectedFiles[0].toString(); // 获取第一个文件的路径（因为这里selectMultiple为false，所以只有一个文件）
                console.log("你选择了文件: " + filePath)
                // 可以将选中的文件路径应用到其他UI元素上，例如：
                console.log("选中的文件: " + filePath.split("/").pop()); // 显示文件名
            }
        }

        onRejected: {
            console.log("文件选择被取消");
        }
    }
}

觉得有帮助的话，打赏一下呗。。

需要商务合作（定制程序）的欢迎私信！！