第二章：QML基础组件之文件对话框FileDialog

对话框FileDialog

官方介绍：https://doc.qt.io/qt-5/qml-qtquick-dialogs-filedialog.html

示例：

import QtQuick 2.7
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.3
import QtQuick.Dialogs 1.2

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    color: "black";
    title: "文件对话框";
    id: root;
    property var aboutDlg: null;
    menuBar: MenuBar{
        Menu {
            title: "文件";
            MenuItem{
                text: "打开文件";
                onTriggered: {
                    fileDialog.selectedNameFilter = fileDialog.nameFilters[0];
                    fileDialog.open();
                }
            }
        }
    }
    FileDialog {
        id: fileDialog;
        title: qsTr("选择文件");
        folder: shortcuts.desktop // 桌面
        nameFilters: [
            "Text Files (*.txt *.ini *.log *.c *.h *.java *.cpp *.html *.xml)",
            "Image Files (*.jpg *.png *.gif *.bmp *.ico)",
            "Video Files (*.ts *.mp4 *.avi *.flv *.mkv *.3gp)",
            "Audio Files (*.mp3 *.ogg *.wav *.wma *.ape *.ra)",
            "*.*"
        ];
        onAccepted: {
            console.log("You chose: " + fileUrl)
        }
    }
}