QT Quick（QML）学习笔记2 （Dialog）

怼烎@ 2022-12-26 02:20 414阅读 0赞

# 1、Dialog #

import QtQuick.Dialogs 1.2

import QtQuick 2.14
    import QtQuick.Window 2.14
    import QtQuick.Controls 2.14
    import QtQml.Models 2.14
    import QtQuick.Dialogs 1.2
    Window {
        id: window
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
    
    
        Dialog{
            id: dialog
            width: 300;
            height: 300
            title: qsTr("MyDialog")
            standardButtons: StandardButton.Ok | StandardButton.Cancel | StandardButton.Yes | StandardButton.No
    
            Text {
                id: text
                text: qsTr("hello world")
                anchors.centerIn: parent
            }
        }
    
        Component.onCompleted: {
            dialog.open();
        }
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 1][]

## 模态与非模态： ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 2][]

# 2、MessageDialog #

import QtQuick 2.14
    import QtQuick.Window 2.14
    import QtQuick.Controls 2.14
    import QtQml.Models 2.14
    import QtQuick.Dialogs 1.2
    Window {
        id: window
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
    
    
        MessageDialog{
            id: dialog
            width: 300;
            height: 300
            title: qsTr("MyDialog")
            standardButtons: StandardButton.Ok | StandardButton.Cancel | StandardButton.Yes | StandardButton.No
    
            Text {
                id: text
                text: qsTr("hello world")
                anchors.centerIn: parent
            }
        }
    
        Component.onCompleted: {
            dialog.open();
        }
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 3][]

# 3、FontDialog #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 4][]

import QtQuick 2.14
    import QtQuick.Window 2.14
    import QtQuick.Controls 2.14
    import QtQml.Models 2.14
    import QtQuick.Dialogs 1.2
    Window {
        id: window
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
    
    
        FontDialog{
            id: fontDialog
            onAccepted: {
                console.log(fontDialog.font.family);
                console.log(fontDialog.font.bold);
                console.log(fontDialog.font.weight);
                console.log(fontDialog.font.pixelSize);
                console.log(fontDialog.font.underline);
            }
        }
    
        Component.onCompleted: {
            fontDialog.open();
        }
    }

# 4、ColorDialog #

import QtQuick 2.14
    import QtQuick.Window 2.14
    import QtQuick.Controls 2.14
    import QtQml.Models 2.14
    import QtQuick.Dialogs 1.2
    Window {
        id: window
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
    
    
        ColorDialog{
            id: colorDialog
            onAccepted: {
                console.log(colorDialog.color);
            }
        }
    
        Component.onCompleted: {
            colorDialog.open();
        }
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 5][]

# 5、FileDialog #

import QtQuick 2.14
    import QtQuick.Window 2.14
    import QtQuick.Controls 2.14
    import QtQml.Models 2.14
    import QtQuick.Dialogs 1.2
    Window {
        id: window
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
    
    
        FileDialog{
            id: fileDialog
            //是否是文件夹选择
            selectFolder: false
            //是否多选
            selectMultiple: true
    
            nameFilters: "*.o,*.cpp,*.qml"
    
            onAccepted: {
                console.log(fileDialog.fileUrls);
            }
        }
    
        Component.onCompleted: {
            fileDialog.open();
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201203063357101.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 1]: /images/20221120/38b2905cbe9642838685012d11afa142.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 2]: /images/20221120/0cf5e2e6c1354fa98c100e49d44680d2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 3]: /images/20221120/e43d82101a56432b9f50d0050fcfe3f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 4]: /images/20221120/3fd3c44abe8149149606fab8a3db3097.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0bDE5OTI_size_16_color_FFFFFF_t_70 5]: /images/20221120/fa3a35ac1c564f059570f1466084b724.png