前言

介绍常用的消息提示框，包括提示，错误，报警等

一、提示框

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.1
import QtQuick.Controls.Styles 1.2
import QtQuick.Layouts 1.2
import QtQuick.Dialogs 1.2

Window {
    id:root
    visible: true
    width: 200
    height: 100
    title: qsTr("消息对话框")

    MessageDialog {
        id:id_mesDialog
        title: "这是一个提示框"
        icon: StandardIcon.Question
        text: "是否继续?"
        standardButtons: StandardButton.Yes |StandardButton.No

        Component.onCompleted: visible = false

        onYes: console.log("YES")
        onNo: console.log("NO")
        onRejected: console.log("Close")
    }

    Button{
        text: qsTr("确认")
        onClicked: id_mesDialog.open()
    }
}

二、警告提示框

除了显示的图标不同其他都是一样的

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.1
import QtQuick.Controls.Styles 1.2
import QtQuick.Layouts 1.2
import QtQuick.Dialogs 1.2

Window {
    id:root
    visible: true
    width: 200
    height: 100
    title: qsTr("消息对话框")

    MessageDialog {
        id:id_mesDialog
        title: "这是一个提示框"
        icon: StandardIcon.Warning
        text: "是否继续?"
        standardButtons: StandardButton.Yes |StandardButton.No

        Component.onCompleted: visible = false

        onYes: console.log("YES")
        onNo: console.log("NO")
        onRejected: console.log("Close")
    }

    Button{
        text: qsTr("确认")
        onClicked: id_mesDialog.open()
    }
}

三、错误提示框

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.1
import QtQuick.Controls.Styles 1.2
import QtQuick.Layouts 1.2
import QtQuick.Dialogs 1.2

Window {
    id:root
    visible: true
    width: 200
    height: 100
    title: qsTr("消息对话框")

    MessageDialog {
        id:id_mesDialog
        title: "这是一个提示框"
        icon: StandardIcon.Critical
        text: "是否继续?"
        standardButtons: StandardButton.Yes |StandardButton.No

        Component.onCompleted: visible = false

        onYes: console.log("YES")
        onNo: console.log("NO")
        onRejected: console.log("Close")
    }

    Button{
        text: qsTr("确认")
        onClicked: id_mesDialog.open()
    }
}

四、属性介绍

1、图标显示的设置

2、按键显示设置