【小白教程】不会代码如何修改表盘

手残也要作

相信有很多人都在尝试制作自己的表盘，我也是其中之一。
最开始什么都不懂，什么的做不了，还没怎么弄就报错了，一直折腾但却无法完成一款表盘。
电气猫的初级教程给了我第一个梯子，让我走上了自制表盘的道路。
——————————————————————————————————————
于是我完成了第一个真正意义上的表盘：

摆造型表盘，我真正能上传到商城的第一款表盘，当时为了制作成功操碎了心，调试了很久，光修改UUID就耽搁了1天多才成功。
可以看出这款表盘很粗糙，只有时间和日期。
——————————————————————————————————————
同一款代码，大改背景，数字反色，就有了下面的3款表盘：
吃货日记→触不到的恋人→金刚狼表盘

——————————————————————————————————————
仍然是那款代码，不在意背景，只修改数字，旧瓶换新酒，我又制作了如下表盘：
砖块数字→方砖数字

——————————————————————————————————————
仍然是那款代码，删除日期，只留数字，就又有了一下表盘：
柯南看板→斜体数字→斜体数字0.2

——————————————————————————————————————
以上都是从电气猫推荐的十字绣表盘衍生而来的表盘，几乎我90%的表盘都是同一套代码。
难以置信吧，事实就是如此，我就是用一个代码做出了9款表盘，集齐9款表盘都可以召唤神龙了。
说实话，在还没找到更好的代码时，我会用这一款代码制作更多的表盘。

手残也要作

进入正题，让我来给众小白讲解下制作一款表盘需要的步骤：
1、安装编译器和模拟器，这个我就不赘述了，1楼点击链接看电气猫的帖子。
2、制造表盘需要的文件类别，下面是具体模拟器目录下你必须注意的几个文件。

模拟器目录：这个不多说，每个人安装的地方不一样，看个人情况而定，不过最好是路径的文件名都是英文。
模拟器EXE：大家都知道表盘调试必须用到的软件，虽然简陋了点，但没有它你是无法制作表盘的。
下面是跟表盘制作密切相关的4中文件了：
表盘用户数据：appinfo.json，主要由uuid、表盘名称、版本号、表盘所需图片等组成，建议用专门的编译软件修改，因为我最开始用电脑自带的记事本修改后经常报错，所以最后下载了Notepad++，用Notepad++修改后就再也没有报过错了。
表盘源码：watchface_bricks.c，只要是后缀为.c的都是源码，表盘代码不可缺少。
表盘文件夹：resources，一般存放文字、图片或其他代码。
表盘安装包：OUT.MAI或者OUT.MWP，我们自己制作的后缀是.MAI，官方老版本的制作出来后缀是.MWP。
3、构思表盘找匹配的现成代码，以砖块数字为例。
我用了十字绣表盘的代码，先下载好源码数据包。

可以看到下载好的源码有表盘用户数据、表盘源码、表盘文件夹、表盘安装包以及成品展示图，个人建议附上成品展示图，我制作完成后的源码数据包如下：

我除了成品展示图还增加了手表展示图，这样就更加直观了，制作好的源码数据包需要将其压缩后传给工作人员SunJunyou，QQ：693622543。
4、上传表盘安装包到商城，
登陆开发者平台，根据步骤一步一步完成上传，等待工作人员审核后就会出现在商城里了。

手残也要作

进入前期准备工作，绘制自己的表盘素材：先来看看十字绣表盘的原有素材如下：
主要分成三部分时间数字0~9，日期数字0~9和表盘背景图。

然后是我自己的构想，做立体的砖块数字，下面是我画的数字草图：
上面是时间，下面是日期，且两者用同一组数字。

总结下来我只需要画一组0~9的砖块数字，并加上一张白底背景图，一共11张图。
先展示下我画好的成品素材图组：

——————————————————————————————————————
接下来是绘画技巧了，根据我那粗糙的草图，便着手绘制数字，对于这种立体数字的绘制，我采用了积木拼贴法绘制。
1、构思出一组3*5的立方体，绘制出其中的一个小立方体部件。
2、通过空间想象用小立方体拼贴出0~9的砖块数字，去掉多余的线条，完成数字。3、完成所有数字后，将所有数字按统一尺寸剪切并保存成单个1深度BMP文件，不知道怎么保存成1深度，跳转【教程】用PS将bmp图片深度转换成1。

然后是绘制背景图，有人会问白底背景还要画啊，那不是白瞎么，众位看了我画好的素材图会发现背景图居然不是纯白色。
其实那是我用数字素材摆放好后专门用来定位用的，只要位置不对，那么挖的洞就不会被完全遮盖住。

素材准备工作告一段落，接下来是代码相关内容。

手残也要作

首先是修改表盘用户数据，我用Notepad++打开十字绣表盘的appinfo.json效果图如下：

UUID：必须通过开发者平台申请的一串表盘身份数字。
表盘名称：根据实际情况随便取的名称。
图标引用项：制作表盘时可以不管它，制作软件时就必须注意了，后面引用的就是“新表盘素材命名”中的“图片素材代码引用名”，软件列表中的小图标你引用了哪个，它就显示哪个。
版本号：无关紧要的项目，如果你是完美主义者，特别注意也是可以的，它会显示在商城中。
表盘类型：只有true和false两个单词可填，前者表示这是表盘，后者表示这是软件。
表盘素材命名：就是将表盘文件夹resources里面的所有图片素材都重新声明一遍，每张图片由三项要素：图片类型、代码引用名和原文件名。
图片类型：只能是BMP格式。
代码引用名：就是在代码中会用到的引用的名称符号。
原文件名：就是表盘文件夹resources里面的所有图片素材的文件名称。
——————————————————————————————————————
1、先登录开发者平台，点击创建麦步app。

2、点击申请UUID，申请制作一个表盘的身份号码。

3、输入表盘名称，选定表盘类型，是表盘就选表盘，是软件就选软件。

4、申请UUID成功，下面是砖块数字的UUID，将其复制到你要修改的appinfo.json中。

5、接下来是修改appinfo.json文件：
我修改了画框的部分，UUID是复制的上面重新申请的，名称改成了砖块数字，最下面的图片声明里面删除了多余的日期数字0~9。

6、将十字绣表盘源码数据放入模拟器目录下。
模拟器相关功能太简陋了，就不赘述。

7、下面进入代码修改：
我用图片进行对比给大家看个仔细：
首先是抬头部分

然后是图片数据部分

先看所有图片的坐标：
ORIGIN_X表示图片X轴坐标
ORIGIN_Y表示图片Y轴坐标
ORIGIN_H表示图片高度
ORIGIN_W表示图片宽度
顺序依次是：背景图片+4个时间数字+4个日期数字
这个就必须根据实际情况来调整填写了，个人建议将每列的数字对齐便于观看修改。
然后是图片引用：
可以看出我将日期部分的0~9数字复制成了时间部分的0~9数字，里面引用的都是appinfo.json文件夹里面声明好的代码引用名。
8、模拟器代码测试，利用快捷键Ctrl+M不断测试调试看结果。
在主程序中添加simulator_init();和simulator_wait();代码用于测试效果。
如下图加入//或者/* */等注释符号的就是撤销了代码效果，去掉这些符号就可以开始测试了。

9、打包表盘安装包，利用快捷键Ctrl+P进行打包，从而获得表盘安装包OUT.MAI。
在加入//或者/* */等注释符号撤销了代码效果的情况下就可以打包了。
10、手表效果测试，利用QQ传表盘安装包到手机APP中手动安装就可以看到手表效果了。
不会的可以查看教程 - 如何安装.MAI格式的表盘。

手残也要作

商城上传步骤：跳过申请uuid和复制uuid这两步骤，进入第三步上传安装包：

填写内容不用教，大家都会，手表界面截图可以在模拟器测试效果时用QQ截图直接截取128*128的界面图。

直接上传表盘安装包OUT.MAI即可。
如果uuid不是前面申请的就会出错，请替换了UUID后重新测试并打包出对应的OUT.MAI才行。
如果出现一直在验证的情况，请清空浏览器的历史浏览数据再次尝试上传即可。

上传完后，填写版本号之后将制作好的源码数据包压缩后传给工作人员SunJunyou，QQ：693622543。
源码数据包样式如下：

水月梦

应该发表盘区才对，你可以用下我发的那个算盘表盘，那个代码有星期，时间，月份，还有上下午，秒针，用的是@aix 的源码，很好用。我的启蒙贴也是电力猫

cw2549

PS： appinfo.json 这个文件可以改后缀文为.C 就可以用模拟器修改了，然后改回.json 就可以了

时间

appinfo.json出错是因为表盘名要是用中文的话，需要把文本的编码切换成UTF-8，
官方demo的appinfo.json的表盘名大多都是英文，所以直接在上面修改的话生成表盘的时候，表盘名显示是乱码。

步往康来

cw2549 发表于 2016-11-1 13:04
PS： appinfo.json 这个文件可以改后缀文为.C 就可以用模拟器修改了，然后改回.json 就可以了 ...

你这样岂不是太麻烦了? 直接就可以模拟的啊

sure

支持教程！！