qml阴影的实现

qml代码阴影的实现

注意：阴影外层必须是Rectangle组件。

 

import QtQuick 2.5
import QtQuick.Window 2.2
import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.0
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.3
import QtQuick.Controls.Styles 1.4
import QtGraphicalEffects 1.0
import QtQuick.Dialogs 1.2
import QtQuick.Controls.Styles 1.4
import QtQuick.Controls 1.4
import QtGraphicalEffects 1.0

ApplicationWindow {

    id:mainwindow

    flags: Qt.FramelessWindowHint | Qt.Window //| Qt.WindowStaysOnTopHint
    modality: Qt.ApplicationModal
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    color: "#00000000"

    Rectangle
    {
        width: parent.width
        height: parent.height
        color: "#00000000"
        Rectangle
        {
            width: parent.width - 10
            height: parent.height - 10
            id:rect
            anchors.centerIn: parent
            color:"#f7f7f7"
        }

        DropShadow
        {
            anchors.fill: rect
            radius: 8.0
            samples: 16
            color: "#dd000000"
            source: rect
         }
    }
}