• 游客,欢迎来到米坛社区。
    米坛社区是大型中文智能穿戴设备交流社区,在这里交流你的极客思想,共同建造我们的智能世界
    为了更加方便的获取支持与帮助,请加入米坛社区官方QQ频道

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

wxl501

LV0
普通成员
UID
221045
2023-03-04
109
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!
 

零度鸭

LV0
普通成员
UID
186144
2023-01-16
4
0
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!
我去牛批, 我疯狂替换表盘调试完才看到
 

DualV2

LV0
普通成员
UID
226808
2023-03-11
55
0
7.16 Actualizar versión 1.2
1. Comparte el último simulador escrito por ti mismo
2. Solucionar el problema de la pantalla negra

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



El siguiente contenido es original, indique la fuente y el autor @GiveMeFive




Tal vez todos estén muy angustiados. Cuando se desarrolla el dial, no puede ver cómo se ve. Solo lo sabe después de instalarlo;
Actualmente solo hay un simulador de reloj oficial, y es complicado de instalar, solo es compatible con el sistema Linux y convenció a innumerables personas, incluido el propio autor (tardó tres o cuatro horas en hacerlo bien)

Por lo tanto, la idea de hacer un simulador casero nació de manera espontánea.
Admite la mayoría de los controles de marcación, llamada y representación de interfaces de subprogramas, admite eventos de clic y admite funciones de temporizador.
Si encuentra algo que no es compatible, 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, ¡ preste atención a que la ruta de descompresión no puede tener 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 para ingresar y abra la siguiente pantalla. Si no puede acceder a él, verifique si la ruta de descompresión contiene chino y si el puerto 8088 ya está ocupado
[ADJUNTAR=completo]13022[/ADJUNTAR]
浏览附件13023

4. Bien, el emulador se ha iniciado y el siguiente paso es modificar el dial. Los archivos de marcación se encuentran en el siguiente directorio.
Los archivos del interior son los mismos que los extraídos del dial normal. Pero tenga en cuenta que las imágenes descomprimidas deben convertirse en png normales y convertirse manualmente en formato tga al empaquetar
Ver otra publicación para la herramienta de conversión.
浏览附件13019




5. Luego, puede usar cualquier herramienta de desarrollo para modificarlo, simplemente actualice el navegador después de la modificación. A veces, el navegador tiene un caché, borre el caché y actualice.
Para la depuración, utilice la función F12 del navegador para depurar

Bueno, el tutorial anterior ha terminado. Tenga en cuenta a continuación, 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



¡ENCIMA!
Gracias
 

会的吧

LV0
普通成员
UID
259561
2023-04-22
4
0
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!
6666
 

25656868

LV0
普通成员
UID
260766
2023-04-23
1
0
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
 

531613181

LV0
普通成员
UID
249581
2023-04-08
75
11
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!
 

*这是一则由 Google AdSense 自动推荐的广告,与本站无关,不对其真实性与可靠性负责