佳明garmin表盘制作神器！在线设计自己喜欢的表盘！不怕做不到，就怕想不到！

炎炎夏日，白天出不去运动，干嘛呢？当然是设计表盘啦！ 

之前介绍有用M2表盘自定义表盘的办法 

好处是简单方便，别人设计的表盘可以直接拿来用，不管是不是相同机型，但是存在以下问题：

1. 不支持天气

2. 不支持新特性，如身体电量、压力等。

为此，我专门问了作者，后续升级有没有可能增加这些支持，作者说他也没办法 

总的说来M2是真的强，但是作为强迫症的我，对身体电量又相当的有兴趣，所以找到另一个直接可以在线制作表盘的工具。

他不但支持我想要的天气、身体电量和压力等新特性，天气还支持OWM源，能自定义字体，以及各种动画，功能强大。

但是由于分辨率原因，不同机型的表盘不一定通用，有时候看到好的表盘，只能自己画一个。

效果图

我做的表盘及实际效果图

别人制作的表盘

非常非常非常多，同机型可以直接用。

一、网址

网站地址：https://garmin.watchfacebuilder.com/

主页上有论坛地址，作者很热情，基本有问必答

二、工具介绍

主页

首先必须注册，不注册也能设计表盘，但是好像保存不了，我是直接就注册了的，但在论坛看到有人没注册直接设计了，结果保存不了，导致心血白费 。

设计

1. 选择机型

我是FR255SM，就选了图上这个，下方Watchface template是选择初始模板，随意吧，选了反正可以删的

2. 设计界面

最上面time那排就是添加各种元素了

3. 添加时间

添加后

不懂的可以点击后面的绿色问号显示帮助

有选择框的（Color，X position，Y position）可以勾上以动态显示数据，比如不同数值显示不同颜色。

4. 添加数据项

能有的都有了，看右边的进度条，那是相当的多啊！

搜索添加身体电量

5. 根据数据项动态调整的图像

6. 添加图片、线条、弧线、蒙版、动态图片

7. 左上角ALL/HIGH/LOW/DND的释义

对应表盘元素设置里的Hide widget in： 
     High power mode 
     Low power/AOD mode 
     DND mode

其中，
High power mode指抬腕亮屏那几秒，
Low power/AOD mode是指息屏或者手动亮屏的时候，就是AOD阶段，非活动期间大部分都处于这个阶段，
DND开勿扰的时候（作者开发中）。

基于此，可以将秒数这类时刻变化的元素设置成High power mode隐藏，可以节省时间，狠一点的可以直接设计出来息屏一个表盘，亮屏一个表盘。

8. 配置进度条随数据数值变化而改变颜色实例

目标：身体电量条的颜色，随身体电量的变小，逐渐变色：绿色→黄色→橙色→红色。

如图，Goal里添加一个line shape，调整出想要的形状（2），左侧属性面板里的Value找到Body Battery，选中后自动变成代码（ds330），下面Completed segment Color前的勾打上，填入以下代码：

(ds330)<=25?0xff0000:(ds330)<=50?0xff5555:(ds330)<=75?0xffff00:0x00ff00

简单解释：

格式为：表达式?A:B
意思是表达式成立，则为A，不成立，则执行B
(ds330)<=75?0xffff00:0x00ff00
表示身体电量小于等于75，则颜色为0xffff00，否则为0x00ff00

预览不显示颜色，需要生成表盘后到手表上看。但他会检查你的代码是否正确

三、自定义字体

有两个办法生成字体，一是他提供在线工具自动生成，另一个就是自己安装工具生成

1. 在线生成字体

在线生成字体文件地址：https://garmin.watchfacebuilder.com/bitmap-font-online-generator/

在线生成字体有一定的BUG，折腾了我好几天才搞定他的奇怪算法，如果有字体行家在的话，应该是一看就懂的，我是外行，请不吝赐教。

功能预览

一、导入自定义字体

两个办法

Other Font--Load Font ,选择字体文件或者输入字体链接

直接把字体拖进去

PS.部分字体识别但不显示

二、计算字体大小

而Line height直接关系到字体成败，需要不停尝试才可以，具体看后面的编辑位图

三、生成位图

点Generate

四、编辑位图

生成如下图，点击EDIT编辑

下面这图是Line height太大了（25 * 160% = 40），字体上面留太大黑边

合理调整后的结果

此时Line height为120%，后续调整字体大小一般都不会变了。

尽量让字符上下居中，记录Y轴偏移值（-12）

正常的时候，其它字符的偏移量不用一一去改了，一般都是一样的，但也会出现个别情况，得每个字符都改

五、生成文件

点击Build

适当调整，保存文件

六、编辑FNT文件

用VSCode打开FNT文件，中键多选，修改yoffset为-12

保存关闭，修改完成

2. 使用工具生成字体

下载地址

http://www.angelcode.com/products/bmfont/

设置字体

导出设置

导入指定字符串

注意：文件编码为UTF-8-BOM

生成的字体导入后预览

简直就是一模一样opposans18pxopposans40px

3. 安装字体

直接把两个文件（fnt,png）同时选中，拖到编辑器的字体界面上就可以了

四、生成并安装

1. 生成表盘文件

点击右上角的Build，就会自动编译上传生成表盘文件

2. 工具安装

作者有写个工具，其实就是把下面手动安装的过程简单化了，但是我使用他的工具未安装成功过，后来全用的手动安装，主页上有工具地址，这里不能发。

PS.发现作者更新了，不知道现在能不能用

3. 手动安装

• 下载表盘文件

• 表盘文件解压到电脑上

• 手表接电脑

• 把表盘文件自制到手表Garmin/apps目录

• 拨下手表，请问下直接拨就行了么？我没看到删除硬件的选项，都是直接拨了。。。

• 手表自动加载最新表盘

• 如果用上OWM天气的话，就多了一步，需要发送map API
  https://garmin.watchfacebuilder.com/send-api-key-to-device/

五、存在问题及解决

1. 中文支持

月份不显示中文

作者是说把本地化那里找到对应的语言，填写完了就可以了

但是我一直没摸索出正确的方向，填了也没用，不显示中文，包括字体里把这些字都做出来也没用，后来用了笨办法，直接改英文的释义，一次成功。同理，其它想显示中文的也可以使用这个办法。

2. 线条显示

目前有个bug，object里添加线条时，如果选了上方的line，当线条宽度设置成1px时，表盘上实际并不会显示，或者显示出问题，暂时可以用下面的line代替。

这个工具比较繁琐，适合那些愿意折腾的人。

最后，希望大家都能用到自己满意的表盘。

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～