麦步社区-论坛

标题: 最啰嗦，最小白的表盘制作教程 [打印本页]

作者: 水月梦 时间: 2016-10-19 16:43
标题: 最啰嗦，最小白的表盘制作教程

今天，我来分享下表盘制作的经验，本人不会代码，所以这经验会很小白，其实看过官方的《麦步智能手表_表盘及应用开发用户指导》基本大家都会了，所以建议做表盘之前先看下这个，看一遍就够了，然后发现问题，再去看一遍，这样会更加深刻。附件我会在每个楼层附上去，所以就不用到处去找了。安装环境和软件可以看下《麦步智能手表_表盘及应用开发用户指导》的第三步—编译及打包，这里就不多讲了。附下下载地址：

http://dev.maibu.cc/sdk/watch

作者: 水月梦 时间: 2016-10-19 16:45
本帖最后由水月梦于 2016-10-19 16:54 编辑

我将现有表盘分为几类，第一种是时间和日期都是以图片形式存在的源代码，这类可操作性大，可以支持各种个性定制，比较有代表性的就是官方的十字绣了

第二种是时间和日期之类的数据都是用代码实行的，这种在界面修改有很大的局限性，但是能显示更多内容，这类表盘目前我还没涉及过，没有好的想法，所以暂时不制作这些，现在有源代码资源的我就先放缤纷多显这个表盘代码

第三种就是动态表盘了，这个耗电比较大，所以比较适合那些不在意电量的人使用，官方的表盘源代码也比较多，可以看下哪个适合你的想法就套用哪个，我这里还有个坛友1076964977发给我的动态霸王丸表盘源代码，这个有多张图片组成，可以调帧数和设置多张图片，比较动态如图一

第四种是指针了，这个目前官方的源代码比较少，只有传统指针和卡地亚，这类表盘小修改就是换底图，所以有个好点的地图改下名字换进去就可以了，高阶点的就是修改指针了，我的办法比较土，一个一个坐标修改，最后成果就是这个坐标轴指针了

总体来说，表盘大概就这几种，还有一些介于这几种之间的表盘，大家可以找下。这里就附上官方和部分第三方的表盘源代码。

作者: 水月梦 时间: 2016-10-19 16:49
本帖最后由水月梦于 2016-10-19 16:54 编辑

首先，先放出我制作表盘的步骤：
第一步，构思表盘的界面，时间是必须要的，电量，日期，步数这些看自己想法还有现有的表盘源代码是否能支持你的想法（大神们可以无视这一点，因为他们想怎么做就自己修改代码制作）我不会代码，所以只能从现有表盘源代码制作，有时候源代码没有你要的功能，只能放弃，或者找新的途径解决。
第二步，找能支持你想法的表盘源代码
第三步，想好是否要上交应用商店，个人介意还是提交到应用商店比较好，官方会帮你检查是否有问题，而且看到自己的表盘在官方商店上也会很有成就感。这一步需要到
http://dev.maibu.cc/developer/jump.do?flag=true注册，注册登陆好后，点图一那个创建麦步APP，一步一步下去，就能得到图二的UUID码，你要制作的表盘源代码的appinfo.json中的uuid中，这一步就不多介绍，一楼的
《麦步智能手表_表盘及应用开发用户指导》说的很详细了
第四步，将图3全部文件复制到VisualMWatch_W64（我电脑是64位系统）表盘制作工具安装的根目录，如图4位置，这个是我默认的位置。
第五步，双击VisualMWatch_W64.exe，如图五，将xx.c文件拉到VisualMWatch_W64.exe，右侧拉到最下，将图6那两个//删除，有些，表盘源代码没有simulator_init()和simulator_wait()的就要自己添加进去，在main函数中开头处添加simulator_init()接口，以及在return前添加simulator_wait()接口。然后点左上角的构建-模拟就可以模拟表盘状态。
第6步，调整表盘内里面的日期等数据的位置，通常都是用坐标调的，不知道坐标，可以鼠标放到模拟界面上，下面会显示当前的坐标。调整好后，用QQ截屏或者是什么截屏软件都可以，如果是动态的就用GIF录制的软件录下来，图片最好表盘模拟出来的画面大致相当，再到右手边的编辑区拉到最下simulator_init();和simulator_wait();前面添加//,就是把第五步删除的恢复。然后点左上角的构建打包就可以了，有时候，点了没反应就再点几遍。
第7步，在软件根目录找到OUT.MAI这个文件，这个就是你刚才打包的表盘文件，可以自己修改名字，然后如图2点查看信息，将自己表盘的信息都填上去如图7，再将打包的MAI文件上传上去后，点提交就大功告成。

作者: 水月梦 时间: 2016-10-19 16:51
本帖最后由水月梦于 2016-10-19 16:55 编辑

接下来对表盘制作进行详解，表盘制作要知道表盘的底图的属性，它是128*128分辨率的bmp格式位深度1的图片，如图一，这类图片可以从网上找图然后用电脑自带的画图转换为bmp格式位深度1，详情可以看版主这贴http://bbs.maibu.cc/forum.php?mod=viewthread&tid=64。然后用ps截为正方形并转图片大小为128*128分辨率，当然你有更好的办法也可以。

现在以十字绣举例，打开藤蔓十字绣\VINES\1.0.3\resources\images路径下，会看到图三，里面由10个X_date和10个X_time还有vines的bmp图片组成，自己可以自定义这些图片，达到定制表盘的目的，打开watchface_vines.c，会看到图三这界面，第一行数字是指图片的X坐标，第二行是Y坐标，第三行和第四行是填图片的分辨率的，数字的第一项是底图的坐标，四行数字合起来就是（0,0,128,128）意思是图片在坐标（0,0）的位置，大小是128*128分辨率，后面的数字依次就是四个时间，四个日期的坐标，我们以0_time举例，他是显示时间的图片，分辨率是15*26，所以在ORIGIN_H和ORIGIN_W是显示26*15，如果这个数字写小了，这个图片就会无法显示。目前这种表盘就是这样制作。

再举另外一种表盘，以传统指针表盘为例，打开传统指针\1.2.0\resources\images目录更换official_bg.bmp图片，把自己做的指针底图重命名为一样，再替换过去就可以了，指针表盘进化空间很大，如果熟悉后，可以对坐标进行修改，达到更多变的效果，可以参考我的http://bbs.maibu.cc/thread-1718-1-1.html，和@aix 的 http://bbs.maibu.cc/thread-784-1-1.html，（aix兄，什么时候能做个指针坐标的教程贴）

作者: 水月梦 时间: 2016-10-19 16:52

还有一种是代码实现显示时间数据的表盘源代码，这次以我的太阳轨迹距离，这个表盘可以实现设定的每几个钟换一次底图，图一是表示文字的坐标，h和w相当于文字的那层透明图层大小，有时候字体调太大显示不出，就得调这个。图二的gcolorblack是调字体颜色的，现在是黑色，要调白色就把BLACK换为白色，后面的U_ASCII_ARIALBD_14是字体，在VisualMWatch_W64\SDK这个目录下的maibu_font_base_sdk.h是麦步现在支持的字体，如图三显示，后面数字越大字就越大。图四就是调四张底图每个段时间是哪张图片。

作者: 水月梦 时间: 2016-10-19 16:57
@少少潘

作者: 手残也要作 时间: 2016-10-19 16:58
支持。。。。

作者: 王zz1 时间: 2016-10-19 17:25
好，值得表扬

作者: cw2549 时间: 2016-10-19 17:34
哈哈，快到5000了

作者: sure 时间: 2016-10-19 17:44
教程贴支持！！

作者: 自由.. 时间: 2016-10-19 17:59
水月威武！太给力了！
授人予鱼不然授人以渔！！！！！！

作者: 不贰小 时间: 2016-10-19 18:31
干货分享会，请各位同仁好好学习

作者: tda8361 时间: 2016-10-19 20:16
楼主绝对不是小白

作者: aix 时间: 2016-10-19 22:34
咳咳咳…老師傅上課，各位新同學請認真一點…

另外那個指針座標的教程…最近真的太忙…再等我一下

作者: 文刀流 时间: 2016-10-20 00:37
厉害啊！！！！！

作者: niuniumm 时间: 2016-10-20 07:20
好，值得表扬

作者: rivenfox 时间: 2016-10-20 09:03
顶起，不要停~~~

作者: dustin134 时间: 2016-10-22 09:25
支持楼主！！！

作者: moonwind 时间: 2016-10-22 17:23
写了好多，良心教程。。。

作者: bigKevin 时间: 2016-10-23 07:54
赞，有了这个，普通用户也可以做自己喜欢的表盘了

作者: 步往康来 时间: 2016-10-24 10:17

水月梦发表于 2016-10-19 16:49
首先，先放出我制作表盘的步骤：
第一步，构思表盘的界面，时间是必须要的，电量，日期，步数这些看 ...

说得够详细的,不过我不太喜欢看书,喜欢看已折腾.

作者: 大王1989 时间: 2016-10-24 11:19
有点蒙啊

作者: 水月梦 时间: 2016-10-24 15:18

大王1989 发表于 2016-10-24 11:19
有点蒙啊

大王，你也试着做一个吧

作者: 水月梦 时间: 2016-10-24 15:18

大王1989 发表于 2016-10-24 11:19
有点蒙啊

大王，你也试着做一个吧

作者: 大王1989 时间: 2016-10-25 09:21

水月梦发表于 2016-10-24 15:18
大王，你也试着做一个吧

以前用简易表盘做过

欢迎光临麦步社区-论坛 (http://bbs.maibu.cc/)