米环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


太棒了

 

[huakaihualuo]

太强了

 

[825461808]

感谢分享

 

[盒子Boxes]

太有幫助了

 

[ERROR_404]

666666

 

[看你不]

good

付

 

[coderpp]

感谢分享

 

[黃宥程0505]

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!

 

[matiasnt]

awesome

7.16 Update version 1.2
1. Share the latest self-written simulator
2. Fix black screen problem

7.9 Update version 1.1
1. Support more APIs and fix some problems


The following content is original, please indicate the source and author @GiveMeFive



Maybe everyone is very distressed. When the dial is developed, you can’t see what it looks like. You only know it after you install it;
Currently there is only an official watch simulator, and it is troublesome to install. It only supports the linux system, and persuaded countless people, including the author himself (it took three or four hours to get it right)

Therefore, the idea of making a homemade simulator was born spontaneously.
Supports most of the dial controls, calling and rendering of applet interfaces, supports click events, and supports Timer functions.
If you encounter something that is not supported, please leave a message and adapt and upgrade when you see it.

The above is the preface, followed by the tutorial, the following tutorial is basically completed within 10 minutes
1. Unzip the attachment to get the following folder, pay attention to the decompression path can not have Chinese!
浏览附件13017

2. Click start.exe to open the service (actually the nginx service)
3. Open Google Chrome (preferably Google Chrome), enter http://127.0.0.1:8088/ in the address bar to enter, and open the following screen. If you can’t access it, check whether the decompression path contains Chinese, and whether port 8088 is already occupied
浏览附件13022
浏览附件13023

4. Ok, the emulator has been started, and the next step is to modify the dial. The dial files are in the following directory.
The files inside are the same as those extracted from the normal dial. But note that the decompressed pictures should be converted into normal png, and manually converted into tga format when packaging
See another post for the conversion tool.
浏览附件13019




5. Then, you can use any development tool to modify it, just refresh the browser after modification. Sometimes the browser has a cache, clear the cache and refresh.
For debugging, please use the F12 function of the browser to debug

Well, the above tutorial is over. Note below, if the path of the watch face file is not watchface/index.js, please modify the path address in the following file
浏览附件13020

浏览附件13021


OVER!

 

[归途_]

6666

 

[LEGEND007]

不错，下来看看

 

[1587639707]

666，厉害。

 

[rainynight]

trytry

 

[Autumnting]

6

 

[qsje]

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!

牛逼

 

[Hirsch]

好

 

[四指么么哒]

为了西琳