qml模糊动画、按键事件、鼠标事件

最新推荐文章于 2024-08-20 18:26:19 发布

风起时~微凉

最新推荐文章于 2024-08-20 18:26:19 发布

阅读量378

点赞数 1

分类专栏： qml 文章标签： qml 模糊效果事件

本文链接：https://blog.csdn.net/qqzhaojianbiao/article/details/117959489

版权

qml 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

本文介绍如何使用FastBlur实现风车模糊效果，并通过按键和鼠标事件控制其旋转和模糊程度。通过Demo演示了左右按键和鼠标点击操作的响应。链接：[demo连接](https://download.csdn.net/download/qqzhaojianbiao/19668448?spm=1001.2014.3001.5501)

摘要由CSDN通过智能技术生成

本文主要是通过一个demo进行一个讲解，demo主要实现左右按键、鼠标点击可以使风车模糊转动：
模糊动画：

layer.effect: FastBlur {
            id: blur1 //id
            radius: root.blurRadius //模糊区域
            Behavior on radius {//触发行为
                NumberAnimation {
                    duration: 125//超时事件
                }
            }
        }
        layer.enabled: true//默认打开

按键事件：

focus: true//接收焦点
    Keys.onLeftPressed: {//左键按下
        blur.opacity = 1
        pinwheel.rotation -= root.rotationStep
        blur.rotation -= root.rotationStep
    }
    Keys.onRightPressed: {//右键按下
        blur.opacity = 0.5
        pinwheel.rotation += root.rotationStep
        blur.rotation += root.rotationStep
    }
    Keys.onReleased: {
        blur.opacity = 0
    }

鼠标事件：

  MouseArea {
        anchors.fill: parent
        onPressed: {
            pinwheel.rotation += 90
            root.blurRadius = 16
        }
        onReleased: {
            root.blurRadius = 0
        }
    }

demo连接：https://download.csdn.net/download/qqzhaojianbiao/19668448?spm=1001.2014.3001.5501