首页 > 解决方案 > QML 中的定向阴影

问题描述

是否可以在 QML 元素上定义定向阴影,以便仅在对象的一侧抛出阴影?

我只能找到DropShadow元素。但这会在所有侧面产生阴影,可以使用偏移量来移动。但是阴影总是会比原来的物体大。

我想要一些非常类似于这个答案中显示的关于 CSS 中阴影的问题的内容。

标签: qtqmlshadow

解决方案


作为您附加的链接

这使用颜色渐变,不与阴影混淆。

  Rectangle
{
    x: 150
    y: 111
    width: 152
    height: 112
    color: "#1e8784"

    Rectangle
    {
        x: 0
        y: 97
        width: 152
        height: 15
        color: "#f159bf"

        gradient: Gradient {
            GradientStop {
                position: 0.00;
                color: "#ff20a2";
            }
            GradientStop {
                position: 0.42;
                color: "#f583cf";
            }
            GradientStop {
                position: 1.00;
                color: "#ffffff";
            }
        }

    }


}

输出


推荐阅读