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

麦步社区-论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
热搜: MAI 表盘
查看: 34910|回复: 23

[表盘制作教程] 自己动手制作你的第一个表盘

[复制链接]

214

主题

2514

帖子

3万

麦力

麦步团队

精华
1
阅读权限
200
在线时间
812 小时

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

发表于 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文件
将如下代码:
  1. GRect frame = {{32, 32}, {64, 64}};
  2. GBitmap bitmap;
复制代码

修改成:
  1. GRect frame = {{0, 0}, {128, 128}};
  2. 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 ̄)づ




本帖子中包含更多资源

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

x

评分

参与人数 1 +10 能量 +10 +10 收起 理由
赵小鱼 + 10 + 10 + 10 太给力了,已经做好了一个表盘!坐等审核!.

查看全部评分

5

主题

91

帖子

31

麦力

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

麦步手表用户荣誉工程师麦步工业测评协会

发表于 2015-8-28 19:42:15 | 显示全部楼层
我试试,看着挺复杂。
我想做一个自己的微信二维码,但是别人岂不是也能下载了?

5

主题

91

帖子

31

麦力

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

麦步手表用户荣誉工程师麦步工业测评协会

发表于 2015-8-28 20:11:56 | 显示全部楼层
已经制作成功!!

14

主题

1494

帖子

9854

麦力

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

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

发表于 2015-9-22 16:28:43 | 显示全部楼层
不难,就是繁琐了点。

214

主题

2514

帖子

3万

麦力

麦步团队

精华
1
阅读权限
200
在线时间
812 小时

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

 楼主| 发表于 2015-9-22 16:40:07 | 显示全部楼层
对,因为有些步骤解说起来比较绕,其实实际操作挺简单的

10

主题

63

帖子

121

麦力

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

麦步极客实验室

发表于 2015-10-7 21:58:12 | 显示全部楼层
SDK的下载地址是:http://pan.baidu.com/s/1c0nrlEo 还是需要密码,求密码。
我的网站在墙外,你不一定打得开
https://www.zuola.com/
https://zuo.la/

4

主题

66

帖子

51

麦力

精华
0
阅读权限
100
在线时间
16 小时

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

发表于 2015-11-4 16:07:41 | 显示全部楼层
能在简化一点就好了。不过自己做的自己头像的表盘别人下载了岂不是很不好
nothing

214

主题

2514

帖子

3万

麦力

麦步团队

精华
1
阅读权限
200
在线时间
812 小时

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

 楼主| 发表于 2015-11-4 16:10:40 | 显示全部楼层
tbjqwz 发表于 2015-11-4 16:07
能在简化一点就好了。不过自己做的自己头像的表盘别人下载了岂不是很不好 ...

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

2

主题

11

帖子

0

麦力

精华
0
阅读权限
20
在线时间
6 小时

发表于 2016-1-8 14:27:40 | 显示全部楼层
大家好 打包生成的.MAI文件怎么安装到真机上去,谢谢!

48

主题

670

帖子

3384

麦力

精华
0
阅读权限
200
在线时间
745 小时
发表于 2016-1-8 14:31:21 | 显示全部楼层
maibuc 发表于 2016-1-8 14:27
大家好 打包生成的.MAI文件怎么安装到真机上去,谢谢!

通过各种方式,传到手机上然后拷贝至麦步手表APP,直接打开就可以安装了
发帖内容均来自麦步智能手表自动触发,不接受抄水表、送快递、送温暖等任何形式的关怀
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2022-12-6 05:28 , Processed in 0.091955 second(s), 27 queries .

Powered by Discuz! X3.2

© 2012-2021 Comsenz Inc.

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