变字的手表(用手表变身的动画片名字叫什么)
本内容来源于@什么值得买APP，观点仅代表作者本人｜作者：nnkn
2022-08-0111:22:3325点赞161收藏34评论
炎炎夏日，白天出不去运动，干嘛呢？当然是设计表盘啦！
之前介绍有用M2表盘自定义表盘的办法
好处是简单方便，别人设计的表盘可以直接拿来用，不管是不是相同机型，但是存在以下问题：
不支持天气不支持新特性，如身体电量、压力等。为此，我专门问了作者，后续升级有没有可能增加这些支持，作者说他也没办法
总的说来M2是真的强，但是作为强迫症的我，对身体电量又相当的有兴趣，所以找到另一个直接可以在线制作表盘的工具。
他不但支持我想要的天气、身体电量和压力等新特性，天气还支持OWM源，能自定义字体，以及各种动画，功能强大。
但是由于分辨率原因，不同机型的表盘不一定通用，有时候看到好的表盘，只能自己画一个。
非常非常非常多，同机型可以直接用。
网站地址：https://garmin.watchfacebuilder.com/
主页上有论坛地址，作者很热情，基本有问必答
首先必须注册，不注册也能设计表盘，但是好像保存不了，我是直接就注册了的，但在论坛看到有人没注册直接设计了，结果保存不了，导致心血白费。
1.选择机型
我是FR255SM，就选了图上这个，下方Watchfacetemplate是选择初始模板，随意吧，选了反正可以删的
2.设计界面
最上面time那排就是添加各种元素了
3.添加时间
添加后
不懂的可以点击后面的绿色问号显示帮助
有选择框的（Color，Xposition，Yposition）可以勾上以动态显示数据，比如不同数值显示不同颜色。
4.添加数据项
能有的都有了，看右边的进度条，那是相当的多啊！
搜索添加身体电量
5.根据数据项动态调整的图像
6.添加图片、线条、弧线、蒙版、动态图片
7.左上角ALL/HIGH/LOW/DND的释义
对应表盘元素设置里的Hidewidgetin：HighpowermodeLowpower/AODmodeDNDmode
其中，Highpowermode指抬腕亮屏那几秒，Lowpower/AODmode是指息屏或者手动亮屏的时候，就是AOD阶段，非活动期间大部分都处于这个阶段，DND开勿扰的时候（作者开发中）。
基于此，可以将秒数这类时刻变化的元素设置成Highpowermode隐藏，可以节省时间，狠一点的可以直接设计出来息屏一个表盘，亮屏一个表盘。
8.配置进度条随数据数值变化而改变颜色实例
目标：身体电量条的颜色，随身体电量的变小，逐渐变色：绿色→黄色→橙色→红色。
如图，Goal里添加一个lineshape，调整出想要的形状（2），左侧属性面板里的Value找到BodyBattery，选中后自动变成代码（ds330），下面CompletedsegmentColor前的勾打上，填入以下代码：
(ds330)<=25?0xff0000:(ds330)<=50?0xff5555:(ds330)<=75?0xffff00:0x00ff00
简单解释：
格式为：表达式?A:B意思是表达式成立，则为A，不成立，则执行B(ds330)<=75?0xffff00:0x00ff00表示身体电量小于等于75，则颜色为0xffff00，否则为0x00ff00
预览不显示颜色，需要生成表盘后到手表上看。但他会检查你的代码是否正确
有两个办法生成字体，一是他提供在线工具自动生成，另一个就是自己安装工具生成
在线生成字体文件地址：https://garmin.watchfacebuilder.com/bitmap-font-online-generator/
在线生成字体有一定的BUG，折腾了我好几天才搞定他的奇怪算法，如果有字体行家在的话，应该是一看就懂的，我是外行，请不吝赐教。
功能预览
一、导入自定义字体
两个办法
OtherFont--LoadFont,选择字体文件或者输入字体链接
直接把字体拖进去
PS.部分字体识别但不显示
二、计算字体大小
而Lineheight直接关系到字体成败，需要不停尝试才可以，具体看后面的编辑位图
三、生成位图
点Generate
四、编辑位图
生成如下图，点击EDIT编辑
下面这图是Lineheight太大了（25*160%=40），字体上面留太大黑边
合理调整后的结果
此时Lineheight为120%，后续调整字体大小一般都不会变了。
尽量让字符上下居中，记录Y轴偏移值（-12）
正常的时候，其它字符的偏移量不用一一去改了，一般都是一样的，但也会出现个别情况，得每个字符都改
五、生成文件
点击Build
适当调整，保存文件
六、编辑FNT文件
用VSCode打开FNT文件，中键多选，修改yoffset为-12
保存关闭，修改完成
下载地址
http://www.angelcode.com/products/bmfont/
设置字体
导出设置
导入指定字符串
注意：文件编码为UTF-8-BOM
生成的字体导入后预览
简直就是一模一样opposans18pxopposans40px
直接把两个文件（fnt,png）同时选中，拖到编辑器的字体界面上就可以了
点击右上角的Build，就会自动编译上传生成表盘文件
作者有写个工具，其实就是把下面手动安装的过程简单化了，但是我使用他的工具未安装成功过，后来全用的手动安装，主页上有工具地址，这里不能发。
PS.发现作者更新了，不知道现在能不能用
月份不显示中文
作者是说把本地化那里找到对应的语言，填写完了就可以了
但是我一直没摸索出正确的方向，填了也没用，不显示中文，包括字体里把这些字都做出来也没用，后来用了笨办法，直接改英文的释义，一次成功。同理，其它想显示中文的也可以使用这个办法。
目前有个bug，object里添加线条时，如果选了上方的line，当线条宽度设置成1px时，表盘上实际并不会显示，或者显示出问题，暂时可以用下面的line代替。
这个工具比较繁琐，适合那些愿意折腾的人。
最后，希望大家都能用到自己满意的表盘。
作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～
还没有评论，来说两句吧...