qt qml fuzzyPanel 毛玻璃效果

毛玻璃效果，用qml来写代码真是简短，大爱qml：）

【下载地址】http://download.csdn.net/detail/surfsky/8426641

【核心代码】

 1 Rectangle{
 2     clip: true
 3
 4     // 属性
 5     property Item target  // 模糊源
 6
 7     // 毛玻璃效果
 8     FastBlur {
 9         id: blur
10         source: parent.target
11         width: source.width;
12         height: source.height
13         radius: 64
14     }
15
16     // 设置模糊组件的位置
17     onXChanged: setBlurPosition();
18     onYChanged: setBlurPosition();
19     Component.onCompleted: setBlurPosition();
20     function setBlurPosition(){
21         blur.x = target.x - x;
22         blur.y = target.y - y;
23     }
24 }

【调用方法】

1     FuzzyPanel{
2         id: panel
3         width: 200;
4         height: 200;
5         x: 200
6         y: 200
7         target: panelBg
8     }

【效果图】

转载于:https://www.cnblogs.com/surfsky/p/4275346.html

qt qml fuzzyPanel 毛玻璃效果相关推荐

Qt / PyQt 简易毛玻璃效果
目录现有功能运行结果 Qt / PyQt 源码下载现有功能用模糊功能实现简易的毛玻璃效果. 鼠标移动无边框窗口. 运行结果 Qt / PyQt 源码下载 GitHub - la-vie-est ...
css3 仿aero,让Qt支持Win7的Aero和毛玻璃效果
Qt5增加了许多特性,其中 Qt Windows Extras 模块就增加了对Win7 Aero 效果的支持. 官网的介绍如下: Qt Windows Extras provide classes a ...
Qt Windows上实现毛玻璃效果
首发于我的个人博客:xie-kang.com 博客内有更多文章,欢迎大家访问原文地址前言: 很多人看到这个需求的第一想法都是录制软件窗口后的桌面内容,并且加上个高斯模糊就能实现了. 思路没有错,操 ...
Qt Creator创建自定义效果和材质
Qt Creator创建自定义效果和材质创建自定义效果和材质创建自定义效果创建自定义材料创建着色器文件创建自定义效果和材质 " Qt Quick 3D效果"和" ...
Qt Qml 开发超高清视频回放监控客户端
Qt Qml 开发超高清视频回放监控客户端 1.写在前面之前一篇写了如何实现实时视频播放,而回放视频从原理上来讲其实差不多. 不同的是回放多了跳转.倍速.下载等等功能. 因此我们需要一个提供视频录像 ...
c++QT笔记,windows毛玻璃窗口实现封装
原创内容,转载请声明. 今天看到了一些辅助工具的窗口总是会有个毛玻璃效果,我就很好奇如何用c++如何编写那种窗口,就查阅了会儿资料,然后封装了毛玻璃的窗口类,本文主要用于笔记以后方便自己看,如果对你有 ...
【QT】Qt QML简介
"CodeLess. CreateMore."言简意赅,道出了Qt的核心概念.Qt是一个跨平台的应用程序和UI的框架,支持C++和一种类似CSS.JavaScript的QML语言, ...
Qt Qml 实现多屏、低延时播放超高清8K直播
Qt Qml 实现多屏.低延时播放超高清8K直播之前一篇写了如何实现实时视频播放. 借助 VideoFrameProvider 和 VideoOutput,将其实现为一个组件. 这里简单称为 Vid ...
QML学习系列-Qt QML是什么？
Qt QML是一个用于创建用户界面(UI)和应用程序逻辑的声明性语言.它是Qt框架的一部分,用于开发跨平台的应用程序,可运行于Windows.MacOS.Linux.Android.iOS等平台上. ...
css毛玻璃效果白边_CSS3毛玻璃效果(blur)有白边问题的解决方法
做一个登录页,全屏背景图毛玻璃效果,实现方法如下: HTML: var w = window.innerWidth || document.documentElement.clientWidth || ...

qt qml fuzzyPanel 毛玻璃效果

qt qml fuzzyPanel 毛玻璃效果相关推荐

最新文章

热门文章