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

[89x8decent]

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!

点赞！

 

[Umer_AR]

wow

 

[Zhuym]

太强了

 

[王旋兆]

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!

哈

 

[千束家的泷女仆]

66666

 

[Eloki]

cool

 

[3404李子綱]

666

 

[huangjiang89]

谢谢, 想自己搞个骰子或硬币

 

[Apocal]

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. Successivamente, è possibile utilizzare qualsiasi strumento di sviluppo per modificare, dopo aver modificato il browser per aggiornare. A volte il browser ha una cache e la cache viene cancellata e aggiornata.
Per il debug, utilizzare la funzione F12 del browser per il debug

Ok, questo è tutto per il tutorial sopra. Si noti che se il percorso del file watchface/index non è watchface/index.js, modificare l'indirizzo del percorso nel seguente file
浏览附件13020

浏览附件13021


SOPRA!

 

[MakkaPakka]

好耶

 

[是蒲苏呀]

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!

66666

 

[vvvvvvvida]

6

 

[匪徒老欧克]

厉害

 

[PPRN]

7.16 アップデート 1.2 バージョン
1.最新の自己使用および自己作成シミュレーターの共有
2.黒い画面の問題を修正する

7.9 アップデート 1.1 バージョン
1. より多くの API をサポートし、いくつかの問題を修正します


以下のコンテンツはオリジナルです。転載するには、ソースと作者 @GiveMeFive を指定してください。



開発中の文字盤は装着してみないと見えないので、ブレスレットにアプレットを装着してみると何も出ず、何の問題も見つからないという方も多いのではないでしょうか。
公式には現在時計シミュレーターしかなく、インストールが面倒、Linux系しか対応しておらず、筆者自身も含めて数えきれないほどの人を説得してきました（うまくやるのに3、4時間かかりました）。

したがって、自家製のシミュレーターのアイデアが思い浮かびました。
ほとんどのダイヤル コントロール、アプレット インターフェイスの呼び出しとレンダリングをサポートし、クリック イベントをサポートし、タイマー機能をサポートします。
サポートされていないものに遭遇した場合は、メッセージを残してください。それが表示されたら、適応してアップグレードしてください。

以上が序文、続いてチュートリアル、以下のチュートリアルは基本的に10分以内で完結
1. 添付ファイルを解凍して次のフォルダを取得します。解凍パスに中国語を含めることはできません。
浏览附件13017

2. start.exe をクリックしてサービス (実際には nginx サービス) を開きます。
3. Google Chrome (できれば Google Chrome)を開き、アドレスバーにhttp://127.0.0.1:8088/と入力し、次の画面を開きます。アクセスできない場合は、解凍パスに中国語が含まれているかどうか、およびポート 8088 が使用されているかどうかを確認してください
浏览附件13022
浏览附件13023

4. OK、シミュレーターが開始されました。次のステップはダイヤルを変更することです。ウォッチフェイス ファイルは、次のディレクトリにあります。
内部のファイルは、通常のダイヤルから抽出されたものと同じです。ただし、解凍した画像は通常の png に変換し、パッケージ化するときに手動で tga 形式に変換する必要があることに注意してください。
変換ツールについては別の投稿を参照してください。投稿があります
浏览附件13019




5. 次に、任意の開発ツールを使用して変更できます。変更後にブラウザを更新するだけです。ブラウザにキャッシュがある場合は、キャッシュをクリアして更新してください。
ブラウザの F12 機能を使用してデバッグしてください

以上でチュートリアルは終了です。以下に注意してください。ウォッチフェイス ファイルのパスが watchface/index.js でない場合は、次のファイルのパス アドレスを変更してください。
浏览附件13020

浏览附件13021


以上！

7.16 アップデート 1.2 バージョン
1.最新の自己使用および自己作成シミュレーターの共有
2.黒い画面の問題を修正する

7.9 アップデート 1.1 バージョン
1. より多くの API をサポートし、いくつかの問題を修正します


以下のコンテンツはオリジナルです。転載するには、ソースと作者 @GiveMeFive を指定してください。



開発中の文字盤は装着してみないと見えないので、ブレスレットにアプレットを装着してみると何も出ず、何の問題も見つからないという方も多いのではないでしょうか。
公式には現在時計シミュレーターしかなく、インストールが面倒、Linux系しか対応しておらず、筆者自身も含めて数えきれないほどの人を説得してきました（うまくやるのに3、4時間かかりました）。

したがって、自家製のシミュレーターのアイデアが思い浮かびました。
ほとんどのダイヤル コントロール、アプレット インターフェイスの呼び出しとレンダリングをサポートし、クリック イベントをサポートし、タイマー機能をサポートします。
サポートされていないものに遭遇した場合は、メッセージを残してください。それが表示されたら、適応してアップグレードしてください。

以上が序文、続いてチュートリアル、以下のチュートリアルは基本的に10分以内で完結
1. 添付ファイルを解凍して次のフォルダを取得します。解凍パスに中国語を含めることはできません。
浏览附件13017

2. start.exe をクリックしてサービス (実際には nginx サービス) を開きます。
3. Google Chrome (できれば Google Chrome)を開き、アドレスバーにhttp://127.0.0.1:8088/と入力し、次の画面を開きます。アクセスできない場合は、解凍パスに中国語が含まれているかどうか、およびポート 8088 が使用されているかどうかを確認してください
浏览附件13022
浏览附件13023

4. OK、シミュレーターが開始されました。次のステップはダイヤルを変更することです。ウォッチフェイス ファイルは、次のディレクトリにあります。
内部のファイルは、通常のダイヤルから抽出されたものと同じです。ただし、解凍した画像は通常の png に変換し、パッケージ化するときに手動で tga 形式に変換する必要があることに注意してください。
変換ツールについては別の投稿を参照してください。投稿があります
浏览附件13019




5. 次に、任意の開発ツールを使用して変更できます。変更後にブラウザを更新するだけです。ブラウザにキャッシュがある場合は、キャッシュをクリアして更新してください。
ブラウザの F12 機能を使用してデバッグしてください

以上でチュートリアルは終了です。以下に注意してください。ウォッチフェイス ファイルのパスが watchface/index.js でない場合は、次のファイルのパス アドレスを変更してください。
浏览附件13020

浏览附件13021


以上！

Goodwork

 

[SCHAUDING]

开工

 

[1047505798]

！！

 

[fxt2235]

感谢大神

 

[levones]

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

 

[zuogh]

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!

棒棒哒

 

[Antlerite]

感谢分享