Traffic Monitor自定义皮肤制作教程

Traffic Monitor更换皮肤，并支持自定义皮肤。皮肤文件放在程序所在目录的skins目录下，每个皮肤被放到单独的文件夹下，文件夹的名字就是皮肤的名称。

注意：

你可以使用TrafficMonitorSkinEditor皮肤编辑器来编辑自己的皮肤。

如果要创建一个新的皮肤，首先在skins目录下新建一个文件夹，命名为皮肤的名字。制作好background.bmp和background_l.bmp两个背景图片放在里面，然后编辑skin.ini文件，text_color是该皮肤对应的文字颜色，它是一个WIN32的COLORREF的值，skin_author是用于显示到更换皮肤界面中的皮肤作者。

你可以通过编辑skin.ini中的各个字段来指定悬浮窗的大小、要显示哪些项目，以及每个项目的大小和位置。如下图所示：

skin.ini文件中各项键值的含义如下所示：

其中的“默认值”是当skin.ini文件中没有某个键时，程序获得的默认的值。

[skin]节：

[layout]节:

勾选“显示更多项目”时的布局：

不勾选“显示更多项目”时的布局：

注：

TrafficMonitor完美支持高DPI显示器，以上所有的字段的单位均为DPI设定为100%时的像素值，如果你的电脑的DPI设置大于100%，在显示时所有数据会根据DPI进行等比例缩放，因此，你不需要为不同的DPI设置而修改任何字段的数值。

背景图片background.bmp和background_l.bmp的尺寸不需要和width_l、height_l以及width_s、height_s的值一致，但是长宽比应该一致，否则会导致拉伸变形。实际悬浮窗的大小会根据skin.ini中的指定的大小进行DPI缩放后拉伸图片。同时建议实际图片尺寸应该大于skin.ini中的指定的大小，这样可以使程序在更多高DPI显示器中也能获得清晰的显示效果。

如果新增了皮肤，需要重新启动一下软件才能在“更换皮肤”界面中看到新增的皮肤。

如果不需要在皮肤中指定显示的文本，请将no_text键设为0，此时选项设置——主窗口设置中的显示文本和“交换上传和下载的位置”选项不可用。

不规则形状的皮肤

从1.71版本开始，程序支持不规则形状的皮肤。
要制作不规则形状的皮肤，需要制作两个掩码图片：background_mask.bmp和background_mask_l.bmp。其中用白色表示需要保留的部分，黑色表示需要裁剪的问题。如下图所示。

其中，两个掩码图片不一定要和两个背景图片尺寸一致，也不一定要和skin.ini中定义的窗口大小一致，但是最好应该和背景图片尺寸一致，且长宽比应该一致。和背景图片一样，掩码图片在被载入时会拉伸成skin.ini中设定的尺寸。

在载入掩码图片时，程序采用的逻辑是：依次检查掩码图片的每个像素，将像素的RGB取平均值得到颜色的亮度，如果亮度值大于128，则将该像素设置为保要留的区域，反之，则设置为要裁剪的区域。