DOCK皮肤rainmeter

首先介绍这个简单文字DOCK皮肤的组成
请仔细分析，本皮肤由两个元素构成，
1是背景图片（背后那个透明的条，那是一张PNG格式的图片）
2是DOCK文字
本DOCK看上去有一个图片节点，和六个文字节点。

怎么写代码来表达呢？
我们先不管它。

先教你们建立自己的皮肤文件夹：
1.进入Rainmeter皮肤文件夹也就是Skins文件夹
大概在这个位置，里面有你自己的皮肤，现在你在这里新建一个文件夹，叫做文字DOCK教学，然后点进去。

我在里面放了一个叫做“玻璃白条5细.PNG”的图片素材，也就是我们用作背景的玩意儿。

新建一个记事本命名为“文字dock 教学.ini”。

注意，后缀一定要改成ini，不能直接用txt后缀
2.点开你的ini，开始敲代码
第一行写上[Rainmeter]
第二行写上Update=1000
第三行写上;作者=CHINSTEIN-LORDPI教学小呆
第四行写上[Variable]
3.尼玛正文终于开始了。

雨滴读代码的规律是从上到下读取，下面的覆盖上面的
因此，我们是该先写背景还是先写文字呢？
必须先写背景的所~~~~
给自己的背景节点取个名字吧
[Background]如何？
写上去！
怎样告诉雨滴这个节点是图片节点呢？
Meter=Image
写上去！
看这个图，我解释一下原理。

你们到时候写代码别照抄我的，要了解原理Meter=表示你想让这个节点是什么，填上Image就是图片，String就是文字。

所以你应该能猜到，我等会儿写文字节点的时候直接把那个节点填上
Meter=String就好了。

就这样当然不是，你想图片有些什么属性呢》》》》》
图片常见属性如下：
【在屏幕上的位置】X=.....Y=.......
【图片路径和名字】Imagename=.....
【图片大小】H=......W=.......
【图片是隐藏还是显示】Hidden=......
【要不要抗锯齿】AntiAlias=......（RM里面的抗锯齿弱爆了，劝大家还是不
要用了）
注意到我的Imagename=后面直接填写了图片名称，那么路径呢？事实上和你这个记事本放在一个目录下的图片就直接写名称就好了，就是本地路径。

如果你再新建一个专门放图片的文件夹，那就要在前面加上路径了。

再注意我的X和Y都填的0，也就是原点处。

雨滴里怎么算坐标的呢？以左上角为原点分别往右边和下面以像素为单位增加正值。

所有的皮肤的X和Y都必须为非负值，否则多余的部分不显示。

再注意我只写了H=没有写W=，因为只写这两个中的一个，另一个自动调节大小。

如果两个都写会咋样》嗷嗷嗷我懒得讲了反正现在你们还不需要知道。

再注意Hidden=0表示不隐藏，那么=1就是要隐藏。

AntiAlias=1表示打开抗锯齿（有鸟用。

图片大了一样狗牙）4.迫不及待的添加文字了
这是第一个Computer的文字节点。

我上面说了一共6个节点，这是第一个，所以仔细看，我命名为[Meter1]，然后上面也教了，你把Meter=改成String，就是说这是个文字节点啦。

先忽略最后三行代码（星酱不要嘲笑我命令过时了）。

我们来讲一下文字里面的常见属性，按我截图的顺序慢慢看
【文字坐标位置】X和Y，这和图片的道理一样。

【文字颜色】FontColor=......后面的四个数字前三个是颜色的值，最后一个是透明度值
【文字大小】FontSize=......这大小和OFFICE里面的那个差不多，自己调整【抗锯齿】AntiAlias，这和图片是一样的，有时候不加会导致文字显示锯齿所以加上去吧
【字体】FontFace，填上你想要使用的字体。

当然只有电脑中安装了的字体你填上去才会有显示，否则一律显示为微软雅黑。

【字体样式】StringStyle=......设置粗细，我一般都是BOLD也就是粗，你们也写bold吧。

【字体对齐方式】StringAlign=......设置对齐方式，是居中还是左对齐右对齐。

【特别效果】StringEffect=......我只知道有个SHADOW也就是阴影效果，其他的不知道。

【特别效果颜色】FontEffectColor=.....大概是阴影效果的颜色
【文字显示】Text=......这个才是重点，表示你显示的文字是什么，比如Computer。

注意：上面有些属性是可以不要的。

必须的属性是：【文字坐标位置】【文字颜色】【文字大小】【文字显示】，剩下的你要做效果的时候才需要。

好了不多说了，写上去之后刷新看看，是不是就出来了
5.还记得我刚才让你们忽略掉了最后三行么？
事实上前面的写完只是显示成功了，还不可以点击的，要加上最后三行才可以点击。

也就是下面三行：
刚才被星酱批评教育了，说不能用老代码教学。

所以现在这三行和刚才上面三行有点小差别。

不管了，你们就用下面三行。

先忽略前面两行，我们首先只写第三行，先别问为啥，我等会儿跟你们说。

先看，最后一行叫做：Leftmousedownaction，分拆开来是left mouse down action——左鼠标按下执行。

你们懂了吧，这句就是左键按下执行的代码，所以想要右键按下执行？那么直接改成Rightmousedownaction即可。

想要左键放开执行？Leftmouseupaction即可！什么？想要双击执行？我忘了也，貌似是Leftmousedoubleclick？？忘了忘了，你们自己去看手册。

现在你们就不要双击了，就用我的单击执行啦。

Leftmousedownaction=后面那个大方框里面就是你的路径了，格式是这样的["................."]，引号一定要打不打的熔头
现在填入你的路径，刷新试试看是不是能打开了？
现在我来解释前面两行的作用。

事实上第三行就行了，但是效果是不是有点什么那个，不舒服，除了鼠标移动上去会变成手指之外，皮肤没有任何变化。

完全没存在感啊。

所以我加上了前面两行：
大家仔细看代码，这两行的代码叫做Mouseoveraction和Mouseleaveaction，拆分出来就是
Mouse Over Action—鼠标覆盖执行
Mouse leave action—鼠标离开执行
这两行和刚才那个鼠标右键按下执行有什么差别呢？就是刚才那个
Leftmousedownaction是按键再执行，而这两个是鼠标放上去就执行，和鼠标离开就执行。

你懂的，我为了增加皮肤的存在感我这么写，然后后面配上一些东西就可以在鼠标放上去时那一段小背景变颜色，离开之后颜色消失：
如下图是鼠标移动上去显示了更深的一个橙色背景
鼠标一旦离开，就会恢复成原来的效果如下图
这样就比单纯的放上去啥效果也没有的点击方式有意思多啦。

注意，这两句话不是随便乱写上去就能显示背景加深的。

我马上解释这两句话具体怎么写的。

这个很重要，我懒得解释了为啥我偏要解释这个，反正这个东西很重要。

Mouseoveraction=[!RainmeterShowMeter Meter1shadow][!Redraw] Mouseleaveaction=[!RainmeterHideMeter Meter1shadow][!Redraw]
你们已经知道是鼠标移入移出执行了，那么执行的什么呢？
注意看等号后面，我就用第一句做例子：[!RainmeterShowMeter Meter1shadow] 我们拆分开来：！ Rainmeter Show Meter Meter1shadow——！雨滴显示节点节点1阴影
懂了吧，就是说你鼠标移入时显示Meter1的阴影。

可是注意注意，这个Meter1shadow可不是雨滴自带的阴影，而是你后面自己写的一个节点，叫做[Meter1shadow]，是一个你自己做的阴影图片，我一般把它放在[Meter1]后面：
看到没有，我建立了一个[Meter1shadow]的图片节点，然后规定了它的一些属性。

问我为啥没有图片路径那个属性？因为这个是我用雨滴自己绘图出来的方块（雨滴也只能画这种简单的几何图形），所以你们看到木有，我定义了这个方块的H 和W，然后加了一句话
Solidcolor=249,166,68,70
意思是这个长110宽50的方块的颜色是Solidcolor=249,166,68,70。

也就是一个半透明的橙子色长方形。

而Hidden=1表示它初始是不显示的，只有当你鼠标移入之后才会被Show出来。

现在你鼠标放上去之后显示了这个长方形，那鼠标移走之后怎么办？难道那个橙色方块还一直显示在上面？当然不要。

所以才会有第二句Mouseleaveaction=[!RainmeterHideMeter
Meter1shadow][!Redraw]
里面的Rainmeter Hide Meter Meter1shadow就是说当鼠标移走之后Hide也就是隐藏Meter1shadow。

好了，这个简单的效果做完了（尼玛我已经详细得不能再详细了！！！若还有不会做的，拉出去熔头）
6.到了这一步，终于可以复制粘贴啦
MUA~~~~
刚才我们写了那两节点，包括[Meter1]和[Meter1shadow]，实际上第二个，第三个。

第六个都是一样的原理。

所以直接复制粘贴5份到后面去。

但是注意，每一份的名字都要改，除了两个[。

]中的名字，还有leftmousedownaction和Mouseleaveaction和Mouseoveraction里面都要改！！每一份一共修改4个地方的名字！自己数数
X和Y坐标也要改不然所有节点都重叠在一起了！！！这个皮肤里我们是水平排列，所以你只需要修改Y轴坐标即可
每一份里有的Text都要改，改成你想要啥名字就啥名字。

给你们看我复制的第二个节点的内容
看到没有，和前面基本差不多，反正就这样改不会的拉出去熔头！最后我告诉你们为啥前面要写那个[Variables]
7.为啥前面要写[Variables]？
你们发现木有，一般用皮肤的时候我们需要改的东西是路径、文字和图片（本皮肤没有用到图片DOCK，不用改图片），而这个最简单的文字DOCK就有6个路径和6个文字要改。

代码本身很长，你做好之后拿给新人改他每个路径都要去代码里找，累散了。

那要是把需要修改的东西放在记事本开头多好。

所以用[Variables]来解决这个问题
我举个例子，你的Meter1里面Text=Document这句话，你可以变成这样
Text=#Meter1txt#，这两个#里面的东西就叫做变量，然后你在[Variables]下面写上
Meter1txt=
之后你就可以在记事本开头直接在meter1txt里面修改文字了。

同理，Leftmousedownaction=["::{450D8FBA-AD25-11D0-98A8-0800361B1103}"]这句话也可以改成Leftmousedownaction=["#Meter1Path#"]
然后在[Variables]下面加一句
Meter1Path=
然后就可以直接在记事本开头改你的路径了。

变量的名字你自己随便取，我这个只是个例子。

所以最终我们把6个都改了之后得到的[Variables]下面大概就是这个模样：
如图，是不是给人用的时候修改起来方便多了？
至此，整个皮肤制作完成~~~下面放上该皮肤抽掉了ini文件的素材链接，作业是重现我今天说的所有效果若能自己再发挥一下就更好了。