Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • T TrafficMonitor
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 813
    • Issues 813
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 3
    • Merge requests 3
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • zhongyang219
  • TrafficMonitor
  • Wiki
  • 旧版本的皮肤制作教程

旧版本的皮肤制作教程 · Changes

Page history
文档更新 authored Jan 03, 2022 by Zhong Yang's avatar Zhong Yang
Hide whitespace changes
Inline Side-by-side
旧版本的皮肤制作教程.md
View page @ 8a0ee25c
...@@ -10,7 +10,7 @@ TrafficMonitor皮肤编辑器使用教程:[点击此处](https://github.com/zh ...@@ -10,7 +10,7 @@ TrafficMonitor皮肤编辑器使用教程:[点击此处](https://github.com/zh
TrafficMonitor支持更换皮肤,并支持自定义皮肤。皮肤文件放在程序所在目录的`skins`目录下,每个皮肤被放到单独的文件夹下,文件夹的名字就是皮肤的名称。<br> TrafficMonitor支持更换皮肤,并支持自定义皮肤。皮肤文件放在程序所在目录的`skins`目录下,每个皮肤被放到单独的文件夹下,文件夹的名字就是皮肤的名称。<br>
如果要创建一个新的皮肤,首先在`skins`目录下新建一个文件夹,命名为皮肤的名字。制作好`background.bmp`和`background_l.bmp`两个背景图片放在里面,然后编辑skin.ini文件,`text_color`是该皮肤对应的文字颜色,它是一个WIN32的COLORREF的值,`skin_author`是用于显示到更换皮肤界面中的皮肤作者。<br> 如果要创建一个新的皮肤,首先在`skins`目录下新建一个文件夹,命名为皮肤的名字。制作好`background.bmp`和`background_l.bmp`两个背景图片放在里面,然后编辑skin.ini文件,`text_color`是该皮肤对应的文字颜色,它是一个WIN32的COLORREF的值,`skin_author`是用于显示到更换皮肤界面中的皮肤作者。<br>
你可以通过编辑skin.ini中的各个字段来指定悬浮窗的大小、要显示哪些项目,以及每个项目的大小和位置。如下图所示:<br> 你可以通过编辑skin.ini中的各个字段来指定悬浮窗的大小、要显示哪些项目,以及每个项目的大小和位置。如下图所示:<br>
![](./Screenshots/skin_ini.png)<br> ![](./images/skin_ini.png)<br>
skin.ini文件中各项键值的含义如下所示:<br> skin.ini文件中各项键值的含义如下所示:<br>
>其中的“默认值”是当skin.ini文件中没有某个键时,程序获得的默认的值。<br> >其中的“默认值”是当skin.ini文件中没有某个键时,程序获得的默认的值。<br>
...@@ -105,6 +105,6 @@ skin.ini文件中各项键值的含义如下所示:<br> ...@@ -105,6 +105,6 @@ skin.ini文件中各项键值的含义如下所示:<br>
## 不规则形状的皮肤 ## 不规则形状的皮肤
从1.71版本开始,程序支持不规则形状的皮肤。<br> 从1.71版本开始,程序支持不规则形状的皮肤。<br>
要制作不规则形状的皮肤,需要制作两个掩码图片:`background_mask.bmp`和`background_mask_l.bmp`。其中用白色表示需要保留的部分,黑色表示需要裁剪的问题。如下图所示。<br> 要制作不规则形状的皮肤,需要制作两个掩码图片:`background_mask.bmp`和`background_mask_l.bmp`。其中用白色表示需要保留的部分,黑色表示需要裁剪的问题。如下图所示。<br>
![](./Screenshots/skin_edit/mask_image.png)<br> ![](./images/mask_image.png)<br>
其中,两个掩码图片不一定要和两个背景图片尺寸一致,也不一定要和skin.ini中定义的窗口大小一致,但是最好应该和背景图片尺寸一致,且长宽比应该一致。和背景图片一样,掩码图片在被载入时会拉伸成skin.ini中设定的尺寸。<br> 其中,两个掩码图片不一定要和两个背景图片尺寸一致,也不一定要和skin.ini中定义的窗口大小一致,但是最好应该和背景图片尺寸一致,且长宽比应该一致。和背景图片一样,掩码图片在被载入时会拉伸成skin.ini中设定的尺寸。<br>
在载入掩码图片时,程序采用的逻辑是:依次检查掩码图片的每个像素,将像素的RGB取平均值得到颜色的亮度,如果亮度值大于128,则将该像素设置为保要留的区域,反之,则设置为要裁剪的区域。 在载入掩码图片时,程序采用的逻辑是:依次检查掩码图片的每个像素,将像素的RGB取平均值得到颜色的亮度,如果亮度值大于128,则将该像素设置为保要留的区域,反之,则设置为要裁剪的区域。
Clone repository

TrafficMonitor Wiki 导航

首页

  • 主窗口 | Main Window
  • 任务栏窗口
  • 右键菜单
  • 选项设置
    • 主窗口设置
    • 任务栏窗口设置
    • 常规设置
  • 硬件监控功能
  • 选择监控的网络连接
  • 更换皮肤功能
    • 皮肤制作教程
  • 通知区图标
  • 历史流量统计
  • 配置和数据文件
  • 插件开发指南 | Plugin Development Guide

更新日志 - Update Log

常见问题 - Frequently Asked Questions

已知问题