Win10主题制作教程

I.首页

首先 欢迎你来到这里.这里是我的个人blog~访问主站请点上方导航菜单的访问主站，或者访问主站 WSB汉化版出这么长时间了，但是很多人不知道怎么用或者不知道如何下手。我也该写一篇教程来了(早就说了,现在兑现a.a)。
你可能用过Vista Style Builder,简称"VSB"早期的xp、vista、win7 都是用它来制作主题文件(messtyles)的。到了win8 它改名为了"Windows Style Builder"
若樱的进阶教程戳我

II.什么是messtyles

messtyles格式是从XP系统发布以来新增的文件，它位于系统的Theme目录(C:\Windows\Resources\Themes)
如系统默认的Aero主题名字是aero.messtyles
它在系统中的描述是"Windows 视觉样式文件" 他是Windows系统中的主题文件
Windows系统的基本界面都是由图片组成的，而所有的图片和属性都包括在此文件内
它是一个结构类似于dll的PE文件 可以使用Restorator等各类的PE编辑器来打开(VisualStudio也可以，不过要把后缀改成dll才能读取~) 查看它的PE结构
如图是它的PE结构：

III.开始准备

简单了解一些信息，你应该对它有一些了解了
曾经 想要修改主题非常困难 只能用PE修改器和16进制编辑器去一点一点分析修改它
从Vista Style Builder这个工具发布之后 现在的主题制作都使用它了
那么这篇教程讲的是Win10主题制作教程 当然前面介绍到了我们要使用
Windows Style Builder这个工具(简称WSB)，本篇教程使用的汉化版是我自己汉化滴
下载请戳我
看我唠叨了这么多，下面进入正题吧~ 哈哈dalao别打我，多啰嗦几句怕萌新看不懂

IV.介绍WSB

这里是WSB的主界面图，我标注了一些地方

①软件的功能区，测试、保存、设置、信息等都在那里
②标题栏显示名称等，搜索栏可以搜索属性、颜色、类名等.搜索颜色需要用RGB 如 255,255,255
③类视图包含了主题文件的所有路径位置的树形图
④预览区用于显示图片和预览属性值的,点击它会弹出窗口进一步预览
⑤属性区用于显示主题当前位置的属性值

另外,如果你用过VSB可能比较习惯旧界面

方法：点击上方的选项，去掉新版界面的勾选

效果如下：

如果你想返回原来的样子 只需要点功能区的 Show Ribbon 即可

打开一个主题

注意：默认打开的是aero 即系统的默认主题，这个主题不推荐修改，因为它没有开始菜单且是系统主题
(你可能会有疑问为什么没有开始菜单？,其实win10的磁贴开始菜单是一个UWP应用程序而不再像win7那样受主题控制。
你可能还有疑问，既然没有那为什么还要选有开始菜单的主题？它会显示吗？不冲突吗？。你可能知道StartIsBack这个程序它可以显示主题的任务栏包括开始菜单，具体的请看主站的文章介绍~)
安装的主题一般都在你的Theme目录(C:\Windows\Resources\Themes)。打开主题的文件夹找到messtyle文件打开即可(以下简称ms)
这里我打开我自己的主题

V.WSB内的属性值

这里我先展开折叠，找到文件夹背景的路径做演示
(注：如果你打开的主题没有图片，可以换一个，用我的也行~ 具体怎么添加我们后面再讲)
[文件资源管理器 & 扩展(Explorer & Shell) > 文件资源管理器(Explorer) > 项目视图(Items View) > 项目视图(ItemsView) > Folder background > InfoView]

注意看属性值区域
BGTYPE属性用于指定背景类型 可以看到后面的值是图片(IMAGEFILE) 代表这里用图片
SIZINGTYPE属性用于指定图片显示方式 这里选的是原始尺寸(TRUESIZE) 代表不缩放也不拉伸直接显示原图
HALIGN属性用于指定横坐标位置 这里是居右(RIGHT) 即是靠右显示
VALIGN属性用于指定纵坐标位置 这里是居下(BOTTOM) 搭配上一属性 即是右下角显示图片
IMAGEFILE属性是自动分配的，不可以更改，他是图片文件的ID 对应PE结构里的IMAGE下的文件ID
要更换图片 点击功能区的导入按钮即可导入新图片 导出不用我说了吧~
注意~ 导入的图片不能过大哦 最好不要超过原有尺寸~ 否则会出现错误 无法测试和保存。
现在 你可以适当的更改它们 看看效果~ 点击软件功能区内的 测试 按钮即可测试。
改出奇怪的效果可别找我哦~
我要再提醒一点 虽然在WSB的发布文章已经写过了但是以防万一你没看见，我再提醒一遍
如果你想保存主题，保存完成弹出的对话框 询问是否立即应用主题 一点要点否 不然会黑屏哟~我提醒4次啦

一些属性值

这里原引若樱以前的文章里的 稍有修改~
完整的更多更详细的属性值说明我会在之后补充

Enum
BGTYPE	组合框	内有3个选项：
		图片文件(IMAGEFILE) -显示图片
		边界填充(BORDERFILL) -用颜色填充
		无(NONE) -不显示图片及纯色，应用效果为透明
SIZINGTYPE	组合框	内有3个选项：
		原始尺寸(TRUESIZE)：-S值不可用，显示原始大小
		拉伸效果(STRETCH)：-根据S值拉伸图片
		平铺效果(TILE)：-S值可用，实现某位置不断平铺的效果
Bool
TRANSPARENT	选择框	用于是否透明，配合StartIsBack的设置可看出效果
Color
TEXTCOLOR	颜色框	用于修改正常显示文字颜色
HOTTRACKING	颜色框	用于修改鼠标悬停时字体的颜色
lmages
IMAGEFILE	IMAGE #xxx	图片属性，#xxx为自动生成不能更改
Margins
SIZINGMARGINS	1, 2, 3, 4	设置拉伸数值.简称S值，分别对应为“左, 右, 上, 下”
CONTENTMARGINS	1, 2, 3, 4	图片固定数值.简称C值，用于设置内容位置.对应位置同上
lmages
IMAGEFILE	IMAGE #xxx	这是图片属性，#xxx为自动生成不能更改
Rect
DEFAULTPANESIZE	0, 0, 1, 2	PE结构内DWM图片文件里包含图片的矩形 可用于输入图片真实尺寸，分别为“左, 顶, 宽, 高”注：左,顶填0即可 wsb会在编译的时候自动分配

保存出错提醒

出现这个问题，可能是你改动一些属性值了 而且改错了 或者你导入的图片太大了
还有就是你保存到的地方没有权限 你可以换个地方保存 或者以管理员身份打开WSB

说明

先写到这里啦~ 明天再更新 你看我写了这么久 不给个评论吗？