QML阴影效果

最新推荐文章于 2023-06-19 22:37:17 发布

guo2538377

最新推荐文章于 2023-06-19 22:37:17 发布

阅读量484

点赞数 1

分类专栏： Qml 文章标签： qt 开发语言

本文链接：https://blog.csdn.net/guo2538377/article/details/127380729

版权

Qml 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

目前测试有两种方法可以实现阴影效果

第一种方式

import QtQuick 2.12
import QtGraphicalEffects 1.12

Item {
    width: 300
    height: 300

    Rectangle {
        anchors.fill: parent
    }

    Image {
        id: butterfly
        source: "image/rocket.png"
        sourceSize: Qt.size(parent.width, parent.height)
        smooth: true
        visible: false
    }

    DropShadow {
        anchors.fill: butterfly
        horizontalOffset: 3
        verticalOffset: 3
        radius: 8.0
        samples: 17
        color: "#80000000"
        source: butterfly
    }
}

第二种方式

注意，第二种方法一定要开启layer.enabled为true

Rectangle {
    id: root
    
    x : 50
    property var ctrl
    property var model
    
    layer.enabled: true
    
    layer.effect: DropShadow{
        radius: 8
        samples: 17
        horizontalOffset: 0
        verticalOffset: 2
        spread: 0
    }