Qt 5.8 | Qt Quick Dialogs | Qt Quick Examples - Dialogs | Qt Quick System Dialog Examples

Qt 5.8.0 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