自己动手制作你的第一个表盘

不贰小 · 发表于 2015-8-28 18:27:46

更新：教程为较早期写的了，现在的版本上，已经不再需要提交到开放平台进行审核，就能直接把表盘安装到自己的手表上。
具体为：当完成至第九步后，将你编译出来的.mwp格式的文件，以微信、QQ、网盘、数据线直传等任何方式传输到手机上，然后选择“用其他应用打开” - “拷贝至麦步手表” 即可开始安装。

相信各位收到手表的朋友，已经把应用商店里的表盘跟应用都试了个遍，何不自己动手写一个自己的专属表盘呢，其实并没有想象的那么复杂。

今天写给大家的教程，从最基础的图片表盘开始。

第一步，找到一张中意的照片，可以是你帅气的自拍，可以是你心仪的女神，可以是…
我在百度图片输入关键字“软妹子”，搜到了这张，还行，就这个了。当然，并不是非得选择黑白照片，以彩色图片为素材也是可以的。为了保留更多的画面细节，请尽量选择对比度比较高的照片。

第二步，将图片处理成麦步手表所能支持的格式

因为麦步手表的分辨率为128px*128px，所以你首先需要将图片裁剪成128px*128px的大小。
然后，你还需要将图片处理成单色位图格式。

裁剪图片我就不多说了，很多图片软件都能做了，比如美图秀秀、Photoshop等等。
处理单色位图你可以使用Photoshop，但为了简单起见，我这里祭出一个大招，使用Windows自带的“画图”工具打开图片，然后选择依次选择“另存为”-“BMP图片”

然后在弹出来的窗口里将“保存类型”修改为“单色位图（*.bmp;*.dib）”，保存该图片文件。
注意扩展名必须得是 .bmp 哦，其他的格式并不支持。

我处理后得到的文件就是这个样子啦：

第三步，下载SDK，并安装Arm-tools目录下的编译工具

SDK的下载地址是：http://dev.maibu.cc/

编写麦步手表应用需要有一定的C语言基础，这里我们就先从最最基础的应用起步，所以直接在demo示例表盘的基础上进行修改。
把你下载的SDK文件解压缩，首先安装Arm-tools目录下的编译工具。

第四步，替换图片素材

然后我们来看看整个SDK目录，里边有4个文件夹，我们找到Demo目录下的bitmap文件夹，进入到 ...\resources\images\ 目录下，你将看到一张文件名为 test.bmp 的文件。

用我们前边处理好的图片替换这张图片，记得把文件名修改成一模一样的哦，要确保覆盖掉demo表盘里的图片。

第五步，修改源代码

返回上一级目录，打开src文件夹，用记事本打开里边的demo_bitmap.c文件
将如下代码：

GRect frame = {{32, 32}, {64, 64}};
GBitmap bitmap;

复制代码

修改成：

GRect frame = {{0, 0}, {128, 128}};
GBitmap bitmap;

复制代码

第六步，注册开发者账号，注册网址是http://dev.maibu.cc

注册完成后登陆你的账号，直接点击首页的“创建麦步APP”按钮，再点击下图中的“点击申请”按钮

第七步，输入APP名称，类型请选择“我要创建表盘”，得到你的UUID，复制该字符串。

第八步，返回到bitmap文件夹，找到appinfo.json文件，用记事本打开，
将 "uuid": "c07a28f303894e0adcad604808f98087", 中后边引号里的这一长串字符替换成你刚刚申请到的uuid，并保存。
至此你的第一个表盘的编程部分就已经完成了。

第九步，将你的表盘编译出来
将bitmap文件夹下的所有文件拷贝，粘贴到Pack目录下。粘贴完成后的文件结构应该如下图所示：

双击build_pack.bat，等待编译完成，如果你看到如下图所示提示“ pack [url=]file:****[/url]*** ok ”，则代表编译成功：
如果编译失败请详细阅读麦步智能手表_表盘及应用开发用户指导.doc 这个文档，对你的电脑设置进行调整。

Pack目录下新生成的OUT.MWP文件即是你编译出来的表盘文件。

第十步，回到开发者平台的网页上，点击下图中的“编辑/上传”按钮：

依次填写表盘名称、表盘描述、界面截图（注意界面截图应为180*180像素大小的png或gif格式的图片文件），然后，点击“上传.MWP文件”按钮，上传你刚刚编译出来的 OUT.MWP 文件，点击“保存”。

第十一步点击“点击提交”按钮将表盘提交给官方进行审核。

等到审核完成之后，你就能在麦步手表APP中的表盘应用商店里看到你自己做的表盘啦，安装到手表上就能使用了哦，是不是萌萌哒(づ￣ 3￣)づ