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

[UnMobile]

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

 

[飛gr]

真的牛

 

[dnzj]

顶顶顶顶顶顶

 

[qiuqiuqiu]

咯好厉害厉害厉害

 

[情绪零碎sdf]

，

 

[饶大牛]

牛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!

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

 

[Jonedward]

学习学习～

 

[PatrikPatrik]

7.16 Aktualizácia verzie 1.2
1. Zdieľajte najnovší simulátor, ktorý si sami napísali
2. Opravte problém s čiernou obrazovkou

7.9 Aktualizácia verzie 1.1
1. Podporujte viac rozhraní API a opravte niektoré problémy


Nasledujúci obsah je pôvodný, uveďte zdroj a autora @GiveMeFive



Možno sa všetci veľmi trápia. Pri vývoji ciferníka nevidíte, ako vyzerá. Poznáte to až po inštalácii;
Momentálne existuje iba oficiálny simulátor hodiniek a jeho inštalácia je problematická. Podporuje iba linuxový systém a presvedčila nespočetné množstvo ľudí, vrátane samotného autora (trvalo tri-štyri hodiny, kým sa to podarilo)

Preto sa myšlienka vytvorenia domáceho simulátora zrodila spontánne.
Podporuje väčšinu ovládacích prvkov číselníka, volanie a vykresľovanie rozhraní apletov, podporuje udalosti kliknutia a podporuje funkcie časovača.
Ak narazíte na niečo, čo nie je podporované, zanechajte nám správu a prispôsobte sa a aktualizujte, keď to uvidíte.

Vyššie uvedené je predslov, po ktorom nasleduje tutoriál, nasledujúci tutoriál je v podstate dokončený do 10 minút
1. Rozbaľte prílohu, aby ste získali nasledujúci priečinok, dávajte pozor na dekompresnú cestu nemôže mať čínštinu!
浏览附件13017

2. Kliknutím na start.exe otvorte službu (v skutočnosti služba nginx)
3. Otvorte Google Chrome (najlepšie Google Chrome), zadajte http://127.0.0.1:8088/ do panela s adresou a otvorte nasledujúcu obrazovku. Ak k nemu nemáte prístup, skontrolujte, či dekompresná cesta obsahuje čínštinu a či je port 8088 už obsadený
浏览附件13022
浏览附件13023

4. OK, emulátor bol spustený a ďalším krokom je úprava číselníka. Súbory vytáčania sú v nasledujúcom adresári.
Súbory vo vnútri sú rovnaké ako súbory extrahované z normálneho ciferníka. Všimnite si však, že dekomprimované obrázky by sa mali previesť do normálneho png a pri balení manuálne previesť do formátu tga
Pozrite si ďalší príspevok pre nástroj na konverziu.
浏览附件13019




5. Potom môžete použiť akýkoľvek vývojový nástroj na jeho úpravu, po úprave stačí obnoviť prehliadač. Niekedy má prehliadač vyrovnávaciu pamäť, vymažte vyrovnávaciu pamäť a obnovte ju.
Na ladenie použite na ladenie funkciu F12 prehliadača

No, vyššie uvedený návod je u konca. Poznámka nižšie, ak cesta k súboru ciferníka nie je watchface/index.js, upravte adresu cesty v nasledujúcom súbore
浏览附件13020

浏览附件13021


KONIEC!

 

[h2398410]

預覽很方便!!來用用看小米7的錶盤看看

 

[e10000qiang]

卧槽大佬了，爱了爱了，可以愉快地开发了

 

[sep1107]

66666

 

[xiaohouge]

就看看，不会玩

 

[蚂蝗hqp]

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

 

[flymachine]

1525

 

[作业不帮]

！！！

 

[左耳6度]

666

666

 

[郭玉璟]

好欸

 

[删除会员 195536]

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!

。

 

[hakureiholo]

谢谢牢佬！