21.Quick QML-FileDialog、FolderDialog对话框

最新推荐文章于 2024-08-25 12:30:13 发布
最新推荐文章于 2024-08-25 12:30:13 发布
阅读量4.3k 收藏 17
点赞数 3
原文链接：https://www.cnblogs.com/lifexy/p/14755707.html
版权

1.FileDialog介绍

Qt Quick中的FileDialog文件对话框支持的平台有:

 

笔者使用的是Qt 5.8以上的版本,模块是import Qt.labs.platform 1.1.

 

它的属性如下所示:

  • acceptLabel : string,标签,设置对话框中的接收按钮的文本内容,默认标签通常为打开或保存
  • rejectLabel : string,标签,设置对话框中的拒绝按钮的文本内容
  • currentFile : url,此属性保存对话框中当前选定的文件路径,假如我们是保存文件,并且想给要保存的文件命名,比如123.txt,则赋值"file:///123.txt"
  • currentFiles : list<url>,此属性保存对话框中当前多选下选定的文件
  • defaultSuffix : string,默认后缀,如果选定的文件后缀名没有,那么将defaultSuffix添加到指定到选定的文件名末尾
  • file : url,此属性保存用户最终选中的文件,和currentFile不同,只有当用户点击"确定"键后,才会赋值.
  • files : list<url>,此属性保存用户最终选中的多个文件.和currentFiles不同,只有当用户点击"确定"键后,才会赋值.
  • fileMode : enumeration,对话框属性,取值如下所示:
    • FileDialog.OpenFile: 打开文件(默认)
    • FileDialog.OpenFiles: 打开多个文件
    • FileDialog.SaveFile: 保存文件
  • folder : url,此属性保存文件对话框默认打开时的文件夹路径.如果要使用文件夹对话框,请改用FolderDialog元素
  • nameFilters : list<string>: 文件名筛选器.比如:nameFilters: ["Text files (*.txt)", "HTML files (*.html *.htm)"]
  • options : flags,对话框选项,默认都是禁止的,取值如下所示:
    • FileDialog.DontResolveSymlinks : 不要在文件夹对话框中解决符号链接
    • FileDialog.DontConfirmOverwrite : 在保存文件状态下,如果文件已存在,则不提示用户,直接覆盖,默认是要提示的.
    • FileDialog.ReadOnly : 设置对话框不允许创建目录。
    • FileDialog.HideNameFilterDetails ： 是否隐藏文件名筛选器详细信息
  • selectedNameFilter.index : int,保存用户选择的哪个筛选器索引号
  • selectedNameFilter.name : string,保存用户选择的哪个筛选器名称
  • selectedNameFilter.extensions : list<string> ,保存用户选择的哪个筛选器扩展列表,比如"HTML files (*.html *.htm)",那么extensions = ["html","htm"]
  • title : string, 对话框标题
  • result : int,对话框结果,取值有:
  • Dialog.Accepted : 用户选择了接收按钮
  • Dialog.Rejected : 用户选择了拒绝按钮

Signals:

  • void accepted() : 当用户选择了接收按钮,则发出该信号,假如调用了close()则不会发出
  • void rejected() : 当用户选择了拒绝按钮,则发出该信号,假如调用了close()则不会发出

Methods:

  • void accept() : 关闭对话框,并发射accepted()信号
  • void close() : 关闭对话框,不会发射信号
  • void done(result) : 关闭对话框,并设置result属性值.
  • void open() : 打开对话
  • void reject() : 关闭对话框,并发射rejected()信号

示例如下所示:

Window {
    visible: true;
    width: 560
    height: 440

    FileDialog {
        id: fileDialog
        title: "打开图片或者txt文件"
        nameFilters: ["Text files (*.txt)", "HTML files (*.png *.jpg)"]
        acceptLabel: "确定"
        rejectLabel: "取消"
        fileMode: FileDialog.OpenFile
        onAccepted: {
            console.log("选中的文件有:")
            for (var i in files) {
                console.log(files[i])
            }
        }
    }

    Button {
        text: "打开单个文件"
        onPressed: fileDialog.open();
    }
} 

 

2.FolderDialog
FolderDialog的属性非常少,毕竟只是文件夹对话框.
它的options属性如果设置为FolderDialog.ShowDirsOnly,那么将会只显示文件夹.
当我们对话框在某个文件夹下面时,点击确定,则会将当前文件夹路径保存在currentFolder属性中.

接下来我们便来个综合示例.

 

3.FileDialog和FolderDialog综合示例

界面效果图如下所示:

当我们打开多个文件、保存文件、选择文件夹时,则将目录路径以及选中的文件路径都打印在TextArea中,下次再次点击对话框时,则以之前打开的目录路径为默认路径.

该示例使用了两个自定义控件:

  • DynamicGroupBox （控件代码路径:https://www.cnblogs.com/lifexy/p/14751099.html）
  • DynamicBtn   (控件代码路径:https://www.cnblogs.com/lifexy/p/14671855.html)

整个代码如下所示:

import QtQuick 2.14
import QtQuick.Window 2.0
import QtQuick.Controls 2.4
import QtQuick.Layouts 1.14
import Qt.labs.platform 1.1
Window {
    visible: true;
    width: 560
    height: 440

    property string defaltFolderUrl: "file:///C:/"     // 对话框目录路径

    FileDialog {
        id: fileDialog
        acceptLabel: "确定"
        rejectLabel: "取消"
        nameFilters: ["All (*)", "Text files (*.txt)", "HTML files (*.png *.jpg)"]
        folder: defaltFolderUrl
        onAccepted: {
            textArea.text = "当前路径:
  "+defaltFolderUrl + "

" + title + ":
"
            for (var i in files) {
                textArea.text += "  " + files[i] + "
"
            }
        }
        onFolderChanged: {
             defaltFolderUrl = folder;
        }
    }

    FolderDialog {
        id: folderDlialog
        acceptLabel: "确定"
        rejectLabel: "取消"
        folder: defaltFolderUrl
        options: FolderDialog.ShowDirsOnly
        onAccepted: {
            textArea.text = "当前路径:
  "+defaltFolderUrl + "

" + title + ":
  "
            textArea.text += currentFolder
            defaltFolderUrl = currentFolder
        }
        onFolderChanged: {
             defaltFolderUrl = folder;
        }
    }

    RowLayout {
        anchors.fill: parent
        anchors.margins: 20
        spacing: 10


        ScrollView {
              id: view
              Layout.fillWidth: true
              Layout.fillHeight: true
              Layout.columnSpan: 3
              Layout.preferredWidth: 240
              Layout.preferredHeight: 300
              clip: true
              ScrollBar.vertical.policy: textArea.contentHeight > Layout.preferredHeight ?
                                             ScrollBar.AlwaysOn : ScrollBar.AlwaysOff;  // 如果文本内容高度大于显示高度,则一直显示垂直滑动条

              TextArea {
                id: textArea
                padding: 4
                implicitWidth: 240
                wrapMode: TextArea.WrapAnywhere
                text: "当前路径:
  "+defaltFolderUrl
                font.pixelSize: 14
                background: Rectangle {
                      width: parent.width
                      height: parent.height
                      border.color: "#B0B0B0"
                      radius: 3
                }

              }
        }

        DynamicGroupBox {
             title: "请选择对话框"
             Layout.fillHeight: true
             Layout.fillWidth: false
             Layout.preferredWidth: 130  // 在GridLayout中要想固定指定宽度,必须使用preferredWidth,然后将fillWidth置为false
             Layout.preferredHeight: 300
             titleFontPixel: 15
             Column {
                 anchors.fill: parent
                 spacing: 12
                 DynamicBtn {
                     text: "打开单个文件"
                     backColor: "#5CA1F6"
                     fontPixelSize: 13
                     onPressed: {
                        fileDialog.title = text
                        fileDialog.fileMode = FileDialog.OpenFile
                        fileDialog.open()
                     }
                 }
                 DynamicBtn {
                     text: "打开多个文件"
                     backColor: "#56CDB7"
                     fontPixelSize: 13
                     onPressed: {
                        fileDialog.title = text
                        fileDialog.fileMode = FileDialog.OpenFiles
                        fileDialog.open()
                     }

                 }
                 DynamicBtn {
                     text: "保存文件"
                     backColor: "#4F64BA"
                     fontPixelSize: 13
                     onPressed: {
                        fileDialog.title = text
                        fileDialog.fileMode = FileDialog.SaveFile
                        fileDialog.currentFile = "file:///123.txt"
                        fileDialog.open()
                     }

                 }
                 DynamicBtn {
                     text: "选择文件夹"
                     backColor: "#F08140"
                     fontPixelSize: 13
                     onPressed: {
                        folderDlialog.title = text
                        folderDlialog.open()
                     }

                 }
             }
        }
    }

}

 

 

 

 

 

nidongla
关注
qml 用item自定义dialog 对话框
10-24
qml 用item自定义dialog 对话框 很好用的一个自定义对话框
Qt Quick - FileDialog文件对话框
洪源兄
04-15 2962
FileDialog提供了一个基本的文件选择器的功能：它允许用户选择现有的文件或目录，或者创建新的文件名。对话框最初是不可见的。你需要首先按需设置属性，然后将visible设置为true或调用open()。对于其父窗口，文件对话框窗口是自动临时的。因此，无论您在项目中还是在窗口中声明对话框，对话框都将显示在包含项目的窗口或您声明的窗口的中央。FileDialog的实现将是一个平台文件对话框。如果失败了，那么它将尝试实例化一个QFileDialog。
FileDialog 是一个用于文件选择和保存的对话框组件
最新发布
m0_46376834的博客
08-25 877
FileDialog是用于文件选择和保存的对话框组件，在多种编程语言和框架中都提供了类似的功能。以下是对FileDialog的详细解释，基于常见的实现方式，例如在 Qt、Python 的 Tkinter、Windows API 中。
QML类型：FileDialog、FolderDialog、ColorDialog、FontDialog （Qt Labs Platform）
友善啊，朋友的博客
02-26 3028
FileDialog 一、描述 此类型提供原生平台文件选择对话框。继承自 Qt Labs Platform 模块版本的 Dialog。 Qt Labs Platform 模块使用 Qt Widgets 作为没有可用本机实现的平台的后备。因此，使用来自 Qt Labs Platform 模块的类型的应用程序应该链接到 QtWidgets 并使用 QApplication 而不是 QGuiApplication。 #include <QApplication> #include <Q
12. FolderDialog、FileDialog、FolderListModel的简单使用
山间点烟雨
03-01 1242
在QT开发当中，关于文件的读写操作一般使用C++端进行实现，比较方便。如果只想获取文件夹或者文件的保存路径，使用QML中提供的控件时比较方便的，主要涉及到三个控件，分别是FolderDialog、FileDialog、FolderListModel
QML 打开文件夹对话框选择文件保存路径
qq_43627981的博客
07-22 6780
import QtQuick 2.14 import QtQuick.Controls 2.14 import Qt.labs.platform 1.0 ApplicationWindow { visible: true width: 800 height: 600 title: qsTr("选择文件夹对话框") Rectangle { id: inputBox width: 350 height: 40 .
快速使用 QML 文件/文件夹对话框 Qt
.
04-11 1376
本文介绍了如何通过 QML 编写使用文件/文件夹选择对话框的示例。在组件中定义了 onAccepted 函数，表示当用户点击"确认"按钮时执行的操作，其中 fileDialog.fileUrls 表示用户选择的文件路径列表。在组件中定义了 onAccepted 函数，表示当用户点击"确认"按钮时执行的操作，其中 folderDialog.folderUrl 表示用户选择的文件夹路径。最后，我们同样在容器中添加了一个按钮，当用户点击按钮时，我们使用 folderDialog.open() 方法弹出对话框。
Qt Quick QML-500行代码实现"合成大西瓜游戏"
05-27
资源文章介绍地址:https://www.cnblogs.com/lifexy/p/14815614.html,"合成大西瓜"这个游戏玩了一阵还挺有意思的,所以研究了一下小球碰撞原理,自己亲自手写碰撞算法来实现一个合成大西瓜游戏.并支持任意大小布局,你想...
Quick QML-简单且好看的图片浏览器-支持多个图片浏览、缩放、旋转、滑轮切换图片
05-13
在"Quick QML-简单且好看的图片浏览器"项目中，我们看到一个利用QML实现的图片浏览器，该应用具备多图片浏览、缩放、旋转和滑轮切换图片等功能，非常适合在Qt环境中开发图像查看器应用。 首先，让我们深入了解QML的...
qml-box2d：Box2D QML插件
02-05
qml-box2d是一个基于Qt框架的QML插件，它为开发者提供了在QML中集成Box2D物理引擎的能力。Box2D是一个广泛使用的2D物理模拟库，它允许游戏和应用开发者创建复杂的物理交互场景，如重力、碰撞检测和刚体动态。通过将...
Quick QML-通过GridLayout设计的简易网站导航界面
04-21
资源文章介绍地址:https://www.cnblogs.com/lifexy/p/14686618.html 通过GridLayout来做一个简易的网站导航界面,并支持自适应界面.当我们点击其中的某个按钮,就会打开浏览器跳到对应的网站上.
Python库 | pyblish_qml-1.9.2-py2.py3-none-any.whl
05-09
资源分类：Python库 所属语言：Python 资源全名：pyblish_qml-1.9.2-py2.py3-none-any.whl 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
QML之FileDialog
热门推荐
秋殇阁
01-11 1万+
FileDialog是QtQuick中的文件对话框，它可以选择已有的文件，文件夹(可以多选)也可以在保存文件的时候让用户提供名字来创建文件或文件夹。 FileDialog的实现是和平台相关的，如果没有可用的原生文件对话框，则会尝试创建一个QFileDialog，如果失败，怎使用默认的QML对话框。 要想在QtQuick中使用FileDialog，首先我们得导入包吧。。 import Qt
QML之FileDialog 文件保存时，设置默认文件名称
技术无界，行者无疆。
05-18 3219
使用版本：Qt5.12 import Qt.labs.platform 1.1 FileDialog { id: dialog_save title: "Save Dialog" currentFile: "file:///"+"name" fileMode:FileDialog.SaveFile nameFilters: ["Font f.
Java对话框FileDialog(文件打开与保存)
ruan_luqingnian的博客
02-02 7996
FileDialog Dialog 类还有 一个子类 : FileDialog ，它代表一个文件对话框，用于打开或者保存 文件,需要注意的是FileDialog无法指定模态或者非模态，这是因为 FileDialog 依赖于运行平台的实现，如果运行平台的文件对话框是模态的，那么 FileDialog 也是模态的;否则就是非模态的 。 方法名称 方法功能 FileDialog(Frame parent, String title, int mode) 创建一个文件对话框：parent:指定父窗口
QML类型说明-FileDialog
杞櫹椅桐的专栏
09-09 3885
FileDialog ImportStatement:   import QtQuick.Dialogs 1.1 Since:  Qt 5.1   Properties fileUrl :url fileUrls :list folder : url modality :Qt::WindowModality nameFilters: list selectExisting: b
Qt QFileDialog的默认路径
迎风的舵手
07-25 7124
Windows Path Variables: My Computer (already included by default) Desktop: %USERPROFILE%\Desktop Drive C: %SystemDrive% My Documents: (VARIES) - Windows Vista/7/8: %USERPROFILE%\Documents - Wi
qml菜单栏、文件对话框、自定义对话框演示
遇己
02-06 380
-
qml-filedialog
qq_45895510的博客
03-21 550
filedialog可以实现在qml上编写直接调用已有的文件夹进行调用实现读写，也可以保存没有的文件。nameFilters是文件过滤列表。folder是用户选择的文件夹。
qml 弹出模态对话框
06-15
QML是Qt Quick语言的一种，被广泛用于创建用户界面。它允许您创建美观、快速、流畅的界面，并提供了各种UI元素和组件。其中之一是模态对话框，可以通过它来要求用户输入一些必要的信息或执行某些操作。 要在QML中创建模态对话框，您可以使用Dialog组件。这是QML中用于创建模态对话框的预先定义的组件。您可以创建自己的对话框，或者可以使用内置的对话框来节省时间。 要在QML中编写一个模态对话框，您需要执行以下步骤： 1.在QML文件中创建Dialog组件。 2.设置Dialog的内容，如对话框的标题、内容和按钮。 3.为对话框中的按钮添加回调函数，以执行所需操作。 4.使用show()函数来显示对话框。 Dialog组件具有modal属性，因此显示对话框会阻止用户与对话框之外的任何UI元素进行交互。当用户关闭对话框时，它将返回到主要的QML界面。 使用模态对话框，您可以创建许多不同类型的应用程序，从简单的输入对话框到复杂的操作选择对话框。总的来说，这是一个非常有用的UI元素，任何使用QML创建美观、高级界面的开发人员都应该知道如何使用它。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值