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
         }
    }
}