Qt Quick System Dialog Examples | Qt Quick Dialogs 5.5

- Qt 5.5
- Qt Quick Dialogs
- Qt Quick System Dialog Examples
- Qt 5.5.1 Reference Documentation

# Qt Quick System Dialog Examples

This example demonstrates the system dialogs in the Qt Quick Dialogs module. The appearance and behavior is platform-dependent.

A FileDialog is used to choose a single file, multiple files or a single directory, depending on how it is configured.

    FileDialog {
        id: fileDialog
        visible: fileDialogVisible.checked
        modality: fileDialogModal.checked ? Qt.WindowModal : Qt.NonModal
        title: fileDialogSelectFolder.checked ? "Choose a folder" :
            (fileDialogSelectMultiple.checked ? "Choose some files" : "Choose a file")
        selectExisting: fileDialogSelectExisting.checked
        selectMultiple: fileDialogSelectMultiple.checked
        selectFolder: fileDialogSelectFolder.checked
        nameFilters: [ "Image files (*.png *.jpg)", "All files (*)" ]
        selectedNameFilter: "All files (*)"
        sidebarVisible: fileDialogSidebarVisible.checked
        onAccepted: {
            console.log("Accepted: " + fileUrls)
            if (fileDialogOpenFiles.checked)
                for (var i = 0; i < fileUrls.length; ++i)
                    Qt.openUrlExternally(fileUrls[i])
        }
        onRejected: { console.log("Rejected") }
    }

A ColorDialog is used to choose a color, with or without alpha (transparency) depending on how it is configured.

    ColorDialog {
        id: colorDialog
        visible: colorDialogVisible.checked
        modality: colorDialogModal.checked ? Qt.WindowModal : Qt.NonModal
        title: "Choose a color"
        color: "green"
        showAlphaChannel: colorDialogAlpha.checked
        onAccepted: { console.log("Accepted: " + color) }
        onRejected: { console.log("Rejected") }
    }

The example can be built as a standalone executable, but each type of dialog is demonstrated in a separate QML file which can also be run separately with qmlscene.

Files:

- systemdialogs/ColorDialogs.qml
- systemdialogs/CustomDialogs.qml
- systemdialogs/FileDialogs.qml
- systemdialogs/FontDialogs.qml
- systemdialogs/MessageDialogs.qml
- systemdialogs/systemdialogs.qml
- systemdialogs/main.cpp
- systemdialogs/systemdialogs.pro
- systemdialogs/systemdialogs.qrc