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

666

 

[丛雨酱]

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!

感谢大佬！

 

[Rocater6]

好好好

 

[迷糊七]

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

 

[JostynP100]

7.16 Actualizar versión 1.2
1. El último uso compartido de simulador autoescrito y de uso propio
2. Solucionar el problema de la pantalla negra

7.9 Actualizar versión 1.1
1. Admite más API y soluciona varios problemas


El siguiente contenido es original, indique la fuente y el autor @GiveMeFive para su reimpresión



Tal vez todos estén muy angustiados. Cuando se desarrolla el dial, no puede ver cómo se ve hasta que lo instala. Cuando se instala el applet en el brazalete, no sale nada y no se puede encontrar ningún problema.
El funcionario solo tiene un simulador de reloj en este momento, y la instalación es problemática, solo es compatible con el sistema Linux, y ha persuadido a innumerables personas, incluido el propio autor (tardó tres o cuatro horas en hacerlo bien)

De ahí que se me ocurriera la idea de un simulador casero.
Admite la mayoría de los controles de marcación, la llamada y la representación de la interfaz del subprograma, admite eventos de clic y admite la función de temporizador.
Si encuentra algunos que no son compatibles, deje un mensaje y adapte y actualice cuando lo vea.

Lo anterior es el prefacio, seguido del tutorial, el siguiente tutorial se completa básicamente en 10 minutos.
1. Descomprima el archivo adjunto para obtener la siguiente carpeta, tenga en cuenta que la ruta de descompresión no puede contener chino.
浏览附件13017

2. Haga clic en start.exe para abrir el servicio (en realidad, el servicio nginx)
3. Abra Google Chrome (preferiblemente Google Chrome), ingrese http://127.0.0.1:8088/ en la barra de direcciones y abra la siguiente pantalla. Si no puede acceder a él, vea si la ruta de descompresión contiene chino y si el puerto 8088 está ocupado
[ADJUNTAR=completo]13022[/ADJUNTAR]
浏览附件13023

4. ok, el simulador se ha iniciado, el siguiente paso es modificar el dial. Los archivos de la esfera del reloj se encuentran en el siguiente directorio.
Los archivos del interior son los mismos que los extraídos del dial normal. Sin embargo, tenga en cuenta que las imágenes descomprimidas deben convertirse a png normal y convertirse manualmente al formato tga al empaquetarlas.
Ver otra publicación para la herramienta de conversión, hay una publicación
浏览附件13019




5. Luego, puede usar cualquier herramienta de desarrollo para modificar, simplemente actualice el navegador después de la modificación. A veces, el navegador tiene un caché, borre el caché y actualícelo.
Utilice la función F12 del navegador para depurar

Bueno, el tutorial anterior ha terminado. Tenga en cuenta lo siguiente, si la ruta del archivo de la esfera del reloj no es watchface/index.js, modifique la dirección de la ruta en el siguiente archivo
浏览附件13020

浏览附件13021


¡SOBRE!

good

 

[UknownPerson]

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

 

[梦幻卡比]

厉害

 

[lauleegoo]

这个必须支持，早就想自己diy 了

 

[賴恩恩]

👍👍1

 

[alex]

7.16 Update 1.2 version
1. The latest self-use and self-written simulator sharing
2. Fix the black screen problem

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


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



Maybe everyone is very distressed. When the dial is developed, you can't see what it looks like until you install it. When the applet is developed and installed on the bracelet, nothing comes out, and no problem can be found.
The official only has a watch simulator at present, and the installation is troublesome. It only supports the linux system, and has persuaded countless people, including the author himself (it took three or four hours to do a good job)

Hence, the idea of a homemade simulator came to mind.
Supports most dial controls, the calling and rendering of the applet interface, supports click events, and supports the Timer function.
If you encounter unsupported ones, 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, note that the unzip path cannot contain 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 , and open the following screen. If you can't access it, see if the decompression path contains Chinese, and if port 8088 is occupied
浏览附件13022
浏览附件13023

4. ok, the simulator has been started, the next step is to modify the dial. The watch face files are in the following directory.
The files inside are the same as those extracted from the normal dial. However, note that the decompressed images should be converted to normal png, and manually converted to tga format when packaging.
See another post for the conversion tool, there is a post
浏览附件13019




5. Then, you can use any development tools to modify, just refresh the browser after modification. Sometimes the browser has a cache, clear the cache and refresh it.
Please use the browser's F12 function to debug

Well, the above tutorial is over. Note the following, 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!

thanks

 

[Meve]

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!

nb

 

[乌鸦Wumow]

666

 

[荒熊小炮]

厉害了(๑•̀ㅂ•́)و✧

 

[dd524724]

大佬nb！

 

[LeRingtoneLe]

nice

 

[neilshe]

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!

nb

 

[祄霬界]

666

 

[SerendipityR]

6666