QML 中矩形上的两种不同阴影

Question

目的是在矩形的顶部和左侧有较暗的阴影，在同一矩形的底部和右侧有较浅的阴影。

这是我尝试过的：

import QtQuick 2.12

import QtGraphicalEffects 1.12

Rectangle

{

    width: 150

    height: 150

    Rectangle

    {

        id: rect

        color: "#292a38"

        anchors.centerIn: parent

        width: 192

        height: 42

        radius: 6

    }

    DropShadow

    {

        anchors.fill: rect

        horizontalOffset: 5

        verticalOffset: 5

        radius: 5

        samples: 6

        color: "#1c1c26"

    }

    DropShadow

    {

        anchors.fill: rect

        horizontalOffset: -5

        verticalOffset: -5

        radius: 5

        samples: 6

        color: "#343848"

    }

    InnerShadow

    {

        anchors.fill: rect

        radius: 8

        samples: 16

        horizontalOffset: 10

        verticalOffset: 10

        color: "#1a1b2f"

    }

}

其结果如下：

如您所见，这并不令人满意。请指导。

Answer 1

您忘记设置source效果的属性。    DropShadow    {        anchors.fill: rect        horizontalOffset: 5        verticalOffset: 5        radius: 5        samples: 6        color: "#1c1c26"        source: rect   // This is needed    }