麦步社区-论坛

标题: 自己动手制作你的第一个表盘 [打印本页]

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

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

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

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

[attach]60[/attach]

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

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

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

[attach]61[/attach]

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

[attach]62[/attach]

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

[attach]63[/attach]

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

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

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

第四步，替换图片素材

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

[attach]64[/attach]

用我们前边处理好的图片替换这张图片，记得把文件名修改成一模一样的哦，要确保覆盖掉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”按钮，再点击下图中的“点击申请”按钮

[attach]65[/attach]

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

[attach]66[/attach]
[attach]67[/attach]

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

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

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

[attach]69[/attach]

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

[attach]70[/attach]

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

[attach]71[/attach]

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

[attach]72[/attach]

[attach]73[/attach]

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

[attach]74[/attach]

[attach]75[/attach]

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

作者: 赵小鱼 时间: 2015-8-28 19:42
我试试，看着挺复杂。
我想做一个自己的微信二维码，但是别人岂不是也能下载了？

作者: 赵小鱼 时间: 2015-8-28 20:11
已经制作成功！！

作者: sure 时间: 2015-9-22 16:28
不难，就是繁琐了点。

作者: 不贰小 时间: 2015-9-22 16:40
对，因为有些步骤解说起来比较绕，其实实际操作挺简单的

作者: Zola 时间: 2015-10-7 21:58
SDK的下载地址是：http://pan.baidu.com/s/1c0nrlEo 还是需要密码，求密码。

作者: tbjqwz 时间: 2015-11-4 16:07
能在简化一点就好了。不过自己做的自己头像的表盘别人下载了岂不是很不好

作者: 不贰小 时间: 2015-11-4 16:10

tbjqwz 发表于 2015-11-4 16:07
能在简化一点就好了。不过自己做的自己头像的表盘别人下载了岂不是很不好 ...

做好了可以无需审核直接装到自己手表上，不建议发表到应用商店

作者: maibuc 时间: 2016-1-8 14:27
大家好打包生成的.MAI文件怎么安装到真机上去，谢谢！

作者: 陶坤@麦步 时间: 2016-1-8 14:31

maibuc 发表于 2016-1-8 14:27
大家好打包生成的.MAI文件怎么安装到真机上去，谢谢！

通过各种方式，传到手机上然后拷贝至麦步手表APP，直接打开就可以安装了

作者: maibuc 时间: 2016-1-12 12:33
你好能否说具体点传到手机上这个我知道但拷贝至麦步手表APP 这个不懂？能否说具体点谢谢！

作者: 不贰小 时间: 2016-1-12 13:46

maibuc 发表于 2016-1-12 12:33
你好能否说具体点传到手机上这个我知道但拷贝至麦步手表APP 这个不懂？能否说具体点谢谢！ ...

你是什么手机，iOS上的说法叫“拷贝至麦步手表”，安卓可能不是这样说的

作者: maibuc 时间: 2016-1-12 14:11
我的手机是Android 你好像说的是一个安装到手机上的软件能否把你说的这个软件发个链接我？谢谢

作者: 大磊 时间: 2016-2-15 01:33
有空的时候试一下，多谢：），要是传到手机上也有配图说明就好了：）

作者: cw2549 时间: 2016-8-8 17:17
build_pack.bat 没有这个呀
只想做个简单的表盘，:Q:Q

作者: 不贰小 时间: 2016-8-8 18:08

cw2549 发表于 2016-8-8 17:17
build_pack.bat 没有这个呀
只想做个简单的表盘，

教程比较老了，很多东西都改版了，联系我Q吧 153008606

作者: cw2549 时间: 2016-8-9 14:02

不贰小发表于 2016-8-8 18:08
教程比较老了，很多东西都改版了，联系我Q吧 153008606

已加你Q了

作者: wwjjcc 时间: 2016-8-13 19:28
没找到SRC，能说具体点吗

作者: 不贰小 时间: 2016-8-15 09:50

wwjjcc 发表于 2016-8-13 19:28
没找到SRC，能说具体点吗

教程比较老了，很多东西都改版了，联系我Q吧 153008606

作者: cw2549 时间: 2016-8-15 15:23
自己做了一个，安装后时间显示会不正常，今天又试着做了一个，手表会不断的重启，不知道为什么。看来还是要专业的来做。

作者: 不贰小 时间: 2016-8-15 16:06

cw2549 发表于 2016-8-15 15:23
自己做了一个，安装后时间显示会不正常，今天又试着做了一个，手表会不断的重启，不知道为什么。看来还是要 ...

如果是用一键生成后出现的不断重启，一般是因为元素超出界面的边界范围了

作者: cw2549 时间: 2016-8-15 16:55

不贰小发表于 2016-8-15 16:06
如果是用一键生成后出现的不断重启，一般是因为元素超出界面的边界范围了 ...

哦，希望一键生成的能添加更多的功能，如农历，年月日，星期等常用项。

作者: wangjing30014 时间: 2016-8-20 11:10

不贰小发表于 2016-8-15 16:06
如果是用一键生成后出现的不断重启，一般是因为元素超出界面的边界范围了 ...

有一键生成的软件？

作者: cw2549 时间: 2016-8-20 11:41

wangjing30014 发表于 2016-8-20 11:10
有一键生成的软件？

有，不过简易的

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