如何实现一个 windows 桌面动态壁纸

 

更新：

• 2018/08/31 WS_MOUSE_LL 钩子，实现底层壁纸交互效果。

一、介绍

国内玩家第一次看到动态壁纸，都是出于一款来自 Wallpaper Engine 的 Steam 程序。它允许将视频、窗口小部件、甚至是有一定交互的网页放置到桌面最下方，2016 年初，被b站up主们广泛传播，被大家熟知。

Miku

 

原理其实并不难，然而...

前端程序员A：这个 WebGL 特效我能吹一年，赶紧做成壁纸，...什么要写C++的？不可能的，一辈子都不会写中级语言的。

c/c++程序员B：靠...，这帮刁民又想骗我做设计。

 

Wallpaper Engine 成功的原因是赢在了稳定性、兼容性和玩家老哥组成的丰富的创意工坊。

 

这种壁纸小程序，Github上还没有Python 的实现，但是核心方法仅仅是操作win32api，python完全可以实现，你听说过pywin32吗。。。看完这篇教程，你可以做第一个。

 

假如你不想了解原理，前端程序员可以直接移步第三步。

二、实现原理

本篇文章意在讲解原理，你可以把它当成一个前端程序员的小工具，可能无法达到商用程度。

• 监听底端事件，容易造成 windows消息堵塞
• 占用大量内存（等于是多挂起了一个浏览器）
• 无法兼容关闭aero的win7 和 win8

 

原理：windows 最底层的窗体 Program Manage （如图所示），想要你的窗体出现在桌面icon后面，只需要把自己的窗体作为 Program Manage 的子窗体，然后隐藏原先的壁纸层就可以了，win10 你可以选择在原先壁纸之上和icon之下的位置（可以省略隐藏原壁纸），但这种是兼容win7和win10的做法。

 

你可以使用 Visual Studio的 Spy++来查看 Window的窗体。

 

我们现在知道了，workerw 作为我们的图标和壁纸（灰色的workerw，因为已经隐藏）的父窗体出现在底层窗体之上。

博主你又骗我，为什么我的电脑上，只有一个WorkerW，图标和壁纸都黏在一起了？

 

这是一条神奇的 message，是 windows 为了解决切换壁纸的时候丑陋的闪切而创建的（未公开消息），它使得更换壁纸的时候有一个平滑的过渡但又不影响绘制壁纸，它会分离创建两个 WorkerW，我们只需要隐藏没有 SysListView （用于存放桌面 icon 的窗体） 的那一个就可以了。

 

那么接下来，你需要做的就是用winapi遍历找到窗体，完成任务了：

#include 

HWND _workerw = nullptr;

inline BOOL CALLBACK EnumWindowsProc(_In_ HWND tophandle, _In_ LPARAM topparamhandle)
{
    HWND defview = FindWindowEx(tophandle, 0, L"SHELLDLL_DefView", nullptr);
    if (defview != nullptr)
    {
        _workerw = FindWindowEx(0, tophandle, L"WorkerW", 0);
    }
    return true;
}

HWND Utils::GetWorkerW(){
    int result;
    HWND windowHandle = FindWindow(L"Progman", nullptr);
    SendMessageTimeout(windowHandle, 0x052c, 0 ,0, SMTO_NORMAL, 0x3e8,(PDWORD_PTR)&result);
    EnumWindows(EnumWindowsProc,(LPARAM)nullptr);
    ShowWindow(_workerw,SW_HIDE);
    return windowHandle;
}

你的窗体需要：

SetParent((HWND)view->winId(),Utils::GetWorkerW());

还是不明白？

github 链接奉上：ThomasHuai/Wallpaper

 

为什么 win8 和 win7（关闭areo）不能使用这种方法？

这种情况下，SysListView 被直接当做了 Program Manager 的子窗体，但是这并不是关键，关键是壁纸和图标融合在了一起，无论你把你的窗体放到上面位置，都不可能出现在原壁纸与icon 中间。

 

三、然而这是一个前端 Demo

 

发布版下载地址：ThomasHuai/Wallpaper

 

可以使用以下两种方式设置壁纸：

• 本地路径
• 线上URL（可以copy别人的demo地址）

假如你是双屏的可以设置三种屏幕布局：

• 主屏
• 侧屏
• 平铺（延展至多屏）

 

2018/08/31更新：

使用 WS_MOUSE_LL 钩子，实现底层壁纸交互效果。

 

壁纸程序使用的是QT的 WebEngine（5.8），chrome 内核浏览器，相当于在屏幕后面挂起了一个浏览器，也就是说 chrome 能做的，它都可以实现，css3动画，webGL，背景音频 + 音频可视化等，自带了一个粒子动画的demo。

粒子动画(自带)

 

 

three.js

 

 

three.js

水中泡泡(自带)

涟漪效果(自带)

 

多屏效果：

 

桌面动态壁纸，藤蔓无限延展

 

 

Github 项目链接：

NoisyWinds/Wallpaper​github.com

参考资料：

https://www.codeproject.com/Articles/856020/Draw-Behind-Desktop-Icons-in-Windows-plus​www.codeproject.com

 

 

欢迎点赞评论，关注后续文章，一起交流学习。