qml自定义界面定制（一）统一风格的Dialog对话框

/*统一风格的dialog对话框

*/

import QtQuick 2.0

import QtGraphicalEffects 1.0

import QtQuick.Controls 2.0

import QtQuick.Controls.Styles 1.4

import QtQuick.Layouts 1.3

Rectangle {
 
 

    z: 65535;

    visible: true

    color: "#00000000"

    property alias dialogTitle: title.text

    property alias contextRect: contextRect.children

    property alias controlTextLeft: controlLeft.text

    property alias controlTextRight: controlRight.text

    signal controlLeftClicked();

    signal closeBtnClicked();

    signal controlRightClicked();

    width: mainWindow.width

    height: mainWindow.height

    MouseArea { anchors.fill: parent; hoverEnabled: true

        acceptedButtons: Qt.LeftButton|Qt.RightButton

        property point clickPos: "0,0"

        onPressed: {
 
 

            clickPos  = Qt.point(mouse.x,mouse.y)

        }

        onReleased: {
 
 

            clickPos  = Qt.point(mouse.x,mouse.y)

        }

        onPositionChanged: {
 
 

            if (pressed) {