Skip to content

XiaofengdiZhu/PerfectMultiscreenImageWallpaper

Repository files navigation

“完美多屏图片壁纸”使用教程

一、简介和特色

“完美多屏图片壁纸”(以下简称“本壁纸”)是由“百度贴吧-销锋镝铸”开发的一个纯前端网页,可以通过任意支持设置网页为桌面壁纸的软件载入。另外本软件已专门为“Wallpaper Engine”进行了功能适配。

本壁纸特色:

  • 契合方式仅为自适应并维持纵横比(不显示边缘),或者叫做填充
  • 可随意拖拽、缩放(这个小功能是我最初的开发目的~)
  • 可视化设置窗口。配置可导出
  • 支持任意web小部件,可拖拽、缩放
  • 全平台通用

github项目主页

直接下载最新版

在线预览

二、功能和使用

1.启用本壁纸

因为本壁纸只是一个网页,因此本壁纸需要使用其他支持将网页设置为桌面壁纸的软件来启用。Windows平台我推荐“Wallpaper Engine”、“DIsplay Fusion”,其他平台不清楚。这里以“Wallpaper Engine”(以下简称“软件”)为例。

① 方法一

  1. 待补充

② 方法二

  1. 将本壁纸所有文件复制到(软件安装目录)\projects\myprojects\(任意新建文件夹)
  2. 打开软件,选择“完美多屏图片壁纸 Perfect Multiscreen Image Wallpaper”。

通过以上两种方法后,本壁纸将启动,你可以在软件右侧对本壁纸进行一些设置(将覆盖配置文件和本壁纸内设置窗口中的部分设置),其中“显示器n随机图片文件夹”是本壁纸对软件的专属功能,使用方法后文说明。

2.主要功能操作

  • 拖拽图片:在图片上按下鼠标任意键立即拖动,即可移动图片位置
  • 缩放图片:在图片上双击鼠标任意键或向上滑动鼠标滚轮,放大;在图片上长按鼠标任意键或向下滑动鼠标滚轮,缩小
  • 拖拽小部件:在图片上按下鼠标任意键立即拖动,即可移动小部件位置
  • 编辑小部件:在小部件上双击鼠标任意键,进入编辑模式,可关闭、放大、缩小小部件。
  • 打开设置窗口:将鼠标移动到本壁纸右上角,在弹出的菜单中点击第一个图标
  • 切换图片:将鼠标移动到本壁纸右上角,在弹出的菜单中点击第二个图标

(以上操作对于“Wallpaper Engine”、“DIsplay Fusion”来说,只有鼠标左键能够使用)

3.设置窗口

将鼠标移动到本壁纸右上角,在弹出的菜单中点击第一个图标,即可打开本壁纸的设置窗口,以下是关于设置窗口的几点说明:

  • 设置窗口右上角两个按钮,功能分别是导出配置和关闭设置窗口。导出配置按钮点击后,配置文件将复制到剪贴板,需要在网页浏览器地址栏粘帖来进行导出;最后将导出的配置文件复制粘帖到本壁纸根目录,可能还需要重命名为"user-config.js"(覆盖原配置文件)。
  • 点击”壁纸文件夹“右侧“╋”,展开后,可设置当前显示器要显示的图片来源文件夹,以及调整每个文件夹内图片数量(显示1~n的图片);如果要添加文件夹,请手动编辑配置文件((本壁纸根目录)\user-config.js)。

4.配置文件

本壁纸配置文件所在位置:(本壁纸根目录)\user-config.js

配置以JSON的格式存储在该文件中,JSON格式说明:http://www.runoob.com/json/json-tutorial.html ;或者不看此说明,直接照葫芦画瓢手动编辑亦可。

本壁纸已准备了四个示例配置文件((本壁纸根目录)\示例配置文件\),可供参考。

5.添加图片文件夹

① 通用

在添加前先完成以下几个步骤的操作:

  1. 将文件夹内所有图片文件移动到文件夹的根目录
  2. 删除或转换网页不支持的图片格式
  3. 放大图片,至少图片宽度等于显示器宽度(网页自带的图片放大效果不佳);推荐使用waifu2x
  4. 将所有图片重命名成1、2、3、……、n(保留后缀)

复制处理完成的文件夹到(本壁纸根目录)\wallpapers\,接下来编辑配置文件

举例说明,添加的文件夹名称风景 ,含有199张图片,要让屏幕2显示该文件夹的图片,用于此例的原配置文件(本壁纸根目录)\示例配置文件\同等分辨率横联双屏配置.js

原第15、16行:

"folder": ["近月少女的礼仪","寻找遗失的未来"],
"count": [12,4],

如果仅添加文件夹则修改为:

"folder": ["近月少女的礼仪","寻找遗失的未来","风景"],
"count": [12,4,199],

如果要只显示该文件夹则修改为:

"folder": ["风景"],
"count": [199],

② Wallpaper Engine 专属

  1. 在Wallpaper Engine中选择本壁纸后,右侧“显示器n随机图片文件夹”选择你要添加的文件夹
  2. 回到桌面,鼠标移动到本壁纸右上角,在弹出的菜单中点击第一个图标,打开本壁纸的设置窗口
  3. 选择要设置的显示器n,点击“壁纸文件夹”右侧的“╋”,展开后,勾选“WE随机图片文件夹”
  4. 完成

注:选择“WE随机文件夹”时将不能选择其他文件夹

6.其他

分享一些我使用waifu2x放大到4k、1080p的游戏健全CG: https://pan.baidu.com/s/1smB7k9B