米环7工具 【7.16更新1.2】小米手环7表盘/小程序模拟器v1.1 开发利器

[坝騊匄]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

6

 

[云梦殇]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

666

 

[隋英温]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

666

 

[极客之爱]

666

 

[Simuoss]

感谢分享！

 

[dhq]

太棒了

 

[ErOGgggls]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

6

 

[3159643952]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

good

 

[小月瑾]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

。

 

[lsc20080119]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

666

 

[ppooppoo]

nb

 

[你干嘛呜呜呜]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

y

 

[冰coffee]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

牛逼

 

[阿宋又emo了]

特别好用，建议下载。

 

[YinG_E]

7.16 更新1.2版本
1.最新自用自写模拟器分享
2.修复黑屏问题

7.9 更新1.1版本
1.支持更多的api，修复若干问题


以下内容均为原创，转载请注明出处以及作者@GiveMeFive



或许大家都很苦恼，表盘开发时看不到到底长啥样，安装了才知道；小程序开发时安装到手环结果啥都没出来，又找不到问题。
官方目前只有手表的模拟器，而且安装麻烦，只支持linux系统，劝退无数人，包括作者自己（搞了三四个小时都没搞好）

因此，自制模拟器的想法油然而生。
支持大部分表盘控件，小程序接口的调用和渲染，支持点击事件，支持Timer函数。
如遇到不支持的请跟帖留言，看到时进行适配升级。

以上是前言，后面放教程，以下教程10分钟内基本完成
1.解压缩附件得到如下文件夹，注意解压路径不能有中文！
浏览附件13017

2.点击start.exe打开服务（实际上就是nginx服务）
3.打开谷歌浏览器（最好是谷歌浏览器），地址栏中输入 http://127.0.0.1:8088/ 进入，打开以下画面。 访问不了的看下是否解压路径包含中文，是否8088端口已被占用
浏览附件13022
浏览附件13023

4. ok，模拟器已经启动完毕了，接下来就是修改表盘了。表盘文件在以下目录。
里面的文件跟正常表盘解压出来的一样。但是注意，解压出来的图片要转成正常png，打包时也要手动转成tga格式的
转换工具见另外一个帖子，有发
浏览附件13019




5.接着，可以使用任何开发工具进行修改，修改完刷新浏览器就行了。有的时候浏览器有缓存，把缓存清了刷新。
调试请使用浏览器的F12功能进行调试

好，以上教程就结束了。下面注意一点，如果表盘文件的路径不是watchface/index.js，请修改以下文件中的路径地址
浏览附件13020

浏览附件13021


OVER!

 

[熙仔710]

Cool

 

[ManiSadshokr]

7.16 به روز رسانی نسخه 1.2
1. به اشتراک گذاری آخرین شبیه ساز خود نوشته
2. رفع مشکل صفحه سیاه

7.9 به روز رسانی نسخه 1.1
1. از API های بیشتری پشتیبانی کنید و برخی از مشکلات را برطرف کنید


مطالب زیر همگی اورجینال هستند، لطفا هنگام چاپ مجدد منبع و نویسنده @GiveMeFive را ذکر کنید



شاید همه مشکل داشته باشند، هنگام توسعه صفحه ساعت، تا زمانی که آن را نصب نکنید، نمی توانید ظاهر آن را ببینید. هنگام توسعه برنامه مینی، می توانید آن را روی دستبند نصب کنید و چیزی بیرون نمی آید و مشکلی پیدا نمی شود.
در حال حاضر فقط یک شبیه ساز رسمی ساعت وجود دارد و نصب آن مشکل است. فقط از سیستم های لینوکس پشتیبانی می کند. این کار افراد بی شماری از جمله خود نویسنده را دلسرد کرده است (سه چهار ساعت طول کشید تا این کار انجام شود اما هنوز تمام نشده است) .

بنابراین، ایده ساخت شبیه ساز خود به ذهن خطور کرد.
از اکثر کنترل های شماره گیری، فراخوانی و ارائه رابط های برنامه کوچک، رویدادهای کلیک و عملکردهای تایمر پشتیبانی می کند.
اگر با چیزی مواجه شدید که پشتیبانی نمی‌شود، لطفاً یک پیام بگذارید و با دیدن آن، آن را تطبیق دهید و ارتقا دهید.

مطالب فوق مقدمه و به دنبال آن آموزش است.آموزش های زیر اساساً در 10 دقیقه تکمیل می شوند.
1. فایل ضمیمه را از حالت فشرده خارج کنید تا پوشه زیر را دریافت کنید. توجه داشته باشید که مسیر رفع فشار نمی تواند دارای حروف چینی باشد!
浏览附件13017

2. روی start.exe کلیک کنید تا سرویس باز شود (در واقع سرویس nginx)
3. Google Chrome (ترجیحاً Google Chrome) را باز کنید، http://127.0.0.1:8088/ را در نوار آدرس وارد کنید و صفحه زیر را باز کنید. اگر دسترسی به آن امکان پذیر نیست، بررسی کنید که آیا مسیر رفع فشرده سازی حاوی نویسه های چینی است و آیا پورت 8088 اشغال شده است یا خیر.
浏览附件13022
浏览附件13023

4. بسیار خوب، شبیه ساز شروع شده است. مرحله بعدی تغییر شماره گیری است. فایل های شماره گیری در دایرکتوری زیر قرار دارند.
فایل های داخل همان فایل های استخراج شده از صفحه ساعت معمولی است. با این حال، لطفاً توجه داشته باشید که تصاویر از حالت فشرده خارج شده باید به png معمولی تبدیل شوند و هنگام بسته بندی باید به صورت دستی به فرمت tga تبدیل شوند.
برای ابزار تبدیل، لطفا به پست دیگری مراجعه کنید.
浏览附件13019




5. سپس، می‌توانید از هر ابزار توسعه‌ای برای ایجاد تغییرات استفاده کنید. فقط مرورگر را پس از اصلاح، تازه‌سازی کنید. گاهی اوقات مرورگر دارای حافظه پنهان است، بنابراین کش را پاک کرده و آن را به روز کنید.
لطفاً از تابع F12 مرورگر برای رفع اشکال استفاده کنید.

خوب، این پایان آموزش بالا است. لطفا توجه داشته باشید که اگر مسیر فایل واچ فیس watchface/index.js نیست، لطفا آدرس مسیر را در فایل زیر تغییر دهید.
浏览附件13020

浏览附件13021


بر فراز!

wow

 

[distony]

非常实用 感谢

 

[创哲宇]

没电脑

 

[wuhaiqi]

没电脑

6