qml毛玻璃效果

最新推荐文章于 2025-05-20 18:07:21 发布

原创

最新推荐文章于 2025-05-20 18:07:21 发布 · 445 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#qml #qt quick #qt #qt6 #python

此文仅作为记录，若有疑问之处，请在评论区留言，我会一一回复，但看几率。

点赞此文，回复几率：10%

点赞并收藏此文，回复几率：50%

关注、点赞并收藏此文，回复几率：99.99%

先看运行效果：

详细代码如下：

import QtQuick
import QtQuick.Controls.Material
import QtQuick.Controls
import QtQuick.Effects//*

Item {
    id: rootItem

    Image {
        id: backgroundItem
        source: "img/bg.jpg"
        anchors.fill: parent
    }

    Item {
        id: maskItem
        anchors.fill: panelArea
        layer.enabled: true
        layer.smooth: true
        visible: false
        component PanelMask: Rectangle {
            required property Item item
            x: item.x; y: item.y
            width: item.width; height: item.height
            radius: item.radius
        }
        PanelMask {
            item: too