请选择 进入手机版 | 继续访问电脑版
返回官网官方微博

麦步社区-麦步官方论坛-麦步智能手表官方交流平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
热搜: MAI 表盘
查看: 24392|回复: 38

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

[复制链接]

63

主题

335

帖子

4354

麦力

精华
5
阅读权限
70
在线时间
136 小时

发表于 2016-10-31 21:31:25 | 显示全部楼层 |阅读模式
本帖最后由 手残也要作 于 2016-10-31 21:32 编辑

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

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

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

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

63

主题

335

帖子

4354

麦力

精华
5
阅读权限
70
在线时间
136 小时

 楼主| 发表于 2016-10-31 22:15:40 | 显示全部楼层
本帖最后由 手残也要作 于 2016-10-31 22:22 编辑

进入正题,让我来给众小白讲解下制作一款表盘需要的步骤:
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、上传表盘安装包到商城
登陆开发者平台根据步骤一步一步完成上传,等待工作人员审核后就会出现在商城里了。



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

63

主题

335

帖子

4354

麦力

精华
5
阅读权限
70
在线时间
136 小时

 楼主| 发表于 2016-10-31 22:20:20 | 显示全部楼层
本帖最后由 手残也要作 于 2016-11-1 16:09 编辑

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

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

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

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

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

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


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1能量 +1 收起 理由
时间 + 1 赞一个!

查看全部评分

63

主题

335

帖子

4354

麦力

精华
5
阅读权限
70
在线时间
136 小时

 楼主| 发表于 2016-10-31 22:20:34 | 显示全部楼层
本帖最后由 手残也要作 于 2016-11-1 17:54 编辑

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

UUID:必须通过开发者平台申请的一串表盘身份数字。
表盘名称:根据实际情况随便取的名称。
图标引用项:制作表盘时可以不管它,制作软件时就必须注意了,后面引用的就是“新表盘素材命名”中的“图片素材代码引用名”,软件列表中的小图标你引用了哪个,它就显示哪个。
版本号:无关紧要的项目,如果你是完美主义者,特别注意也是可以的,它会显示在商城中。
表盘类型:只有truefalse两个单词可填,前者表示这是表盘,后者表示这是软件。
表盘素材命名:就是将表盘文件夹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格式的表盘

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

63

主题

335

帖子

4354

麦力

精华
5
阅读权限
70
在线时间
136 小时

 楼主| 发表于 2016-10-31 22:21:00 | 显示全部楼层
本帖最后由 手残也要作 于 2016-11-1 18:13 编辑

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

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

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

112

主题

1205

帖子

3129

麦力

精华
1
阅读权限
80
在线时间
184 小时

麦步增强版用户

发表于 2016-11-1 08:22:04 | 显示全部楼层
应该发表盘区才对,你可以用下我发的那个算盘表盘,那个代码有星期,时间,月份,还有上下午,秒针,用的是@aix 的源码,很好用。我的启蒙贴也是电力猫
我爱少少潘

14

主题

387

帖子

4710

麦力

精华
0
阅读权限
70
在线时间
183 小时

麦步手表用户

发表于 2016-11-1 13:04:18 | 显示全部楼层
PS: appinfo.json 这个文件可以改后缀文为.C 就可以用模拟器修改了,然后改回.json 就可以了
帅……

5

主题

105

帖子

539

麦力

精华
1
阅读权限
30
在线时间
41 小时

发表于 2016-11-1 13:36:36 | 显示全部楼层
appinfo.json出错是因为表盘名要是用中文的话,需要把文本的编码切换成UTF-8,
官方demo的appinfo.json的表盘名大多都是英文,所以直接在上面修改的话生成表盘的时候,表盘名显示是乱码。

40

主题

1665

帖子

1万

麦力

精华
2
阅读权限
100
在线时间
1236 小时

麦步手表用户麦步工业测评协会

发表于 2016-11-1 13:55:53 | 显示全部楼层
cw2549 发表于 2016-11-1 13:04
PS: appinfo.json 这个文件可以改后缀文为.C 就可以用模拟器修改了,然后改回.json 就可以了 ...

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

14

主题

1494

帖子

9854

麦力

精华
1
阅读权限
100
在线时间
622 小时

麦步手表用户麦步工业测评协会

发表于 2016-11-1 13:56:08 | 显示全部楼层
支持教程!!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|麦步官方论坛 ( 粤ICP备12052190号  

GMT+8, 2022-1-24 11:10 , Processed in 0.097208 second(s), 34 queries .

Powered by Discuz! X3.2

© 2012-2021 Comsenz Inc.

快速回复 返回顶部 返回列表