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

米环8P教程 ERface表盘制作工具---快速入门指南

CJBridge

LV5
🔥社区作者
普通成员
UID
264037
2023-04-28
98
630
15
ERface资源原帖 本教程适合完全一无所知的小白观看。
欢迎阅读 ERface快速入门指南
在制作表盘之前,你需要了解一下概念:

easyface和GMF:
easyface是毛子制作的一款表盘制作工具,ERface的出现是因为easyface的作者不怎么维护工具,导致bug长期不修复,体验差。GMF是 @
GiveMeFive 的简称

.json文件:
.json文件时GMF制作的表盘打包工具的项目文件,用于存储未打包之前的表盘,可直接通过记事本打开编辑

素材images和images_AOD:
他们指的是表盘的素材文件夹,images素材是普通表盘的素材,而images_AOD是AOD表盘模(息屏显示)式下的素材

打包 解包 .bin文件:

.json表盘项目文件是无法直接上传手环使用的,需要使用GMF的打包工具打包成.bin二进制文件,可以把.json文件理解成没有包含素材的表盘文件,.bin文件是包含素材的表盘文件。请注意.bin文件无法直接通过记事本打开。而打包就是把.json文件转换成.bin文件的过程。注意easyface表盘工具打包出来的是.face文件,本质和.bin文件一样,只是后缀名不同

easyface和ERface的关系:
easyface
拥有独立打包表盘文件的能力,而其他的表盘工具没有,其他的表盘工具是套在GMF打包工具之上的,值得注意的是GMF打包工具的稳定程度远远高于easyface,不会让手环无缘无故死机,无限重启。ERface也是基于GMF打包工具之上的,但操作人性化远高于其他表盘工具,并且作者对ERface的后期支持很好,遇到问题反馈回复会很及时。

组件 控件 元素:
他们都是同一种东西,叫法不同而已,你看到表盘上的所有东西都是组件,例如图片组件,数字组件,图片列表组件...

相信你已经迫不及待了,让我们正式开始吧!

首相请在原帖下载ERface的主程序,解压完成之后可以看到:
1698593834301.png
一共4个文件,data文件夹里的ERface运行的必要文件,请保证其与ERface.exe在同一文件夹下。在运行ERface之前请关闭杀毒软件,可能会导致ERface异常,建议右键ERface.exe选择管理员启动
1698594010080.png
启动ERface之后,选择新建项目,选择保存的文件夹,点击确定后输入表盘名字(请注意ERface目前为了兼容性考虑,表盘名不允许为中文名,表盘保存路径不能有空格,表盘名可以后期制作完成后更改为中文)

现在你因该会看到
1698594260600.png

看到这样,说明已经可以开始制作表盘了。
现在,打开你刚刚选择的表盘保存文件:
1698594506005.png
你会看到5个文件:
images和images_aod是素材文件夹
preview.png是表盘预览图
wfDef.json就是项目文件
WatchfacePackToolMi8Pro64.exe就是打包工具了

现在把素材拷贝到image和images_aod(普通表盘素材就拷贝到images,AOD素材就拷贝到images_aod)
1698594829714.png
现在回到ERface里,开始表盘制作,首先你需要明确你制作的表盘的元素:数字,图片,图片列表....

如这套表盘素材的预览图:

1698594937477.png


《=数字


《=数字



《=背景图片



《=图片列表


表盘如同PS里的图层一样,素材是分显示先后顺序的,你可以在左侧栏卡到显示顺序
1698595182027.png
显示顺序是从下到上,即如图橙色框选中的与组件为最下层,在组件左边你会看到一把锁的标志,通过中键按下就会锁定此左键,这时组件无法被更改属性,无法被移动,左侧栏的所用操作都用中键(防止手贱),通过Pgup和PgDn按键控制组件上下调整图层,可以通过长按中键拖动(不建议,测试中,容易导致崩溃)。

现在让我们来创建第一个组件,用来显示表盘的背景,选择ERface上方的新建组件按钮,点击图片组件前面的矩形框,即可创建图片组件
1698595716304.png

1698595749798.png
此时你会看到:
1698595812422.png看到这样出现了一个正方形的框就表示创建组件成功了,(每一个新建表盘都带有一个图片组件),一个组件如果被橙色框框住,表示已经选中,ERface的选中组件可以通过两种方式:1直接点击组件选择,2在左侧栏通过中键选择。






现在要为这个图片组件选择素材,长按右侧的选择图片按钮,直到选择窗口出现,选择图片,必须注意选择的图片必须在本表盘项目文件里的images和images_aod文件夹内的,我们现在是普通模式,所以在images里选择图片
1698596209421.png
1698596258603.png
1698596303038.png

出现右图的状态就是成功了(图片名必须为英文,只能是png图片),现在把图片拖动到坐标(0,0)的位置。
按照刚刚的方法创建数字组件,然后点击选择图片:
1698596535319.png 通过Ctrl+左键选择10张图
片,顺序必须如图一样。











现在看到右侧的选项栏


1698596832449.png

这些选项故名思意,现在我们需要制作小时的显示,因为小时为两位,所以点击显示数量的框框,当框变成橙色时,即可输入,把1改称2,随意点击别的地方即可退出编辑。
1698597350663.png
数字就会变成两位。至于对齐方式:
|
0 123| 右对齐
|123 左对齐
123 居中
|

现在选择数据源,数据源代表的是这个组件显示什么东西,点击矩形框之后,左侧栏会变成数据源选择,根据需求选择,这里我们是制作小时数字,所以直接选择小时(操作和选择组件一样,中键或者PgUp PgDn),现在这个数字就会显示小时了,Ctrl+C复制这个组件,选择分钟,拖动到合适位置。
如果需要制作日期,方法和数字一样,新建图片列表,调整参数即可,只不过不一定要选择10张图片,选择对应的数据源,至于图片索引,请看图

1698597970103.png
弄完这些之后,点击保存预览图(保存到表盘项目文件内),并把预览图拷贝到images里即可,就可打包表盘了,点击保存(建议经常保存)点击编译按钮。
当出现一个米坛的logo和弹出文夹管理器里有着表盘项目文件和.bin文件,说明打包成功,可以通过按下F2查看控制台,控制台会默认启动检查模块,会报错信息。
1698598173216.png

控制台:
1698598353520.png
 

附件

  • 1698594224081.png
    1698594224081.png
    64 KB · 查看: 52

kangtaxinran

LV0
普通成员
UID
493335
2023-11-02
19
2
ERface资源原帖 本教程适合完全一无所知的小白观看。
欢迎阅读 ERface快速入门指南
在制作表盘之前,你需要了解一下概念:

easyface和GMF:
easyface是毛子制作的一款表盘制作工具,ERface的出现是因为easyface的作者不怎么维护工具,导致bug长期不修复,体验差。GMF是 @
GiveMeFive 的简称

.json文件:
.json文件时GMF制作的表盘打包工具的项目文件,用于存储未打包之前的表盘,可直接通过记事本打开编辑

素材images和images_AOD:
他们指的是表盘的素材文件夹,images素材是普通表盘的素材,而images_AOD是AOD表盘模(息屏显示)式下的素材

打包 解包 .bin文件:

.json表盘项目文件是无法直接上传手环使用的,需要使用GMF的打包工具打包成.bin二进制文件,可以把.json文件理解成没有包含素材的表盘文件,.bin文件是包含素材的表盘文件。请注意.bin文件无法直接通过记事本打开。而打包就是把.json文件转换成.bin文件的过程。注意easyface表盘工具打包出来的是.face文件,本质和.bin文件一样,只是后缀名不同

easyface和ERface的关系:
easyface
拥有独立打包表盘文件的能力,而其他的表盘工具没有,其他的表盘工具是套在GMF打包工具之上的,值得注意的是GMF打包工具的稳定程度远远高于easyface,不会让手环无缘无故死机,无限重启。ERface也是基于GMF打包工具之上的,但操作人性化远高于其他表盘工具,并且作者对ERface的后期支持很好,遇到问题反馈回复会很及时。

组件 控件 元素:
他们都是同一种东西,叫法不同而已,你看到表盘上的所有东西都是组件,例如图片组件,数字组件,图片列表组件...

相信你已经迫不及待了,让我们正式开始吧!

首相请在原帖下载ERface的主程序,解压完成之后可以看到:
浏览附件22345
一共4个文件,data文件夹里的ERface运行的必要文件,请保证其与ERface.exe在同一文件夹下。在运行ERface之前请关闭杀毒软件,可能会导致ERface异常,建议右键ERface.exe选择管理员启动
浏览附件22346
启动ERface之后,选择新建项目,选择保存的文件夹,点击确定后输入表盘名字(请注意ERface目前为了兼容性考虑,表盘名不允许为中文名,表盘保存路径不能有空格,表盘名可以后期制作完成后更改为中文)

现在你因该会看到
浏览附件22348

看到这样,说明已经可以开始制作表盘了。
现在,打开你刚刚选择的表盘保存文件:
浏览附件22349
你会看到5个文件:
images和images_aod是素材文件夹
preview.png是表盘预览图
wfDef.json就是项目文件
WatchfacePackToolMi8Pro64.exe就是打包工具了

现在把素材拷贝到image和images_aod(普通表盘素材就拷贝到images,AOD素材就拷贝到images_aod)
浏览附件22350
现在回到ERface里,开始表盘制作,首先你需要明确你制作的表盘的元素:数字,图片,图片列表....

如这套表盘素材的预览图:

浏览附件22351


《=数字


《=数字



《=背景图片



《=图片列表


表盘如同PS里的图层一样,素材是分显示先后顺序的,你可以在左侧栏卡到显示顺序
浏览附件22352
显示顺序是从下到上,即如图橙色框选中的与组件为最下层,在组件左边你会看到一把锁的标志,通过中键按下就会锁定此左键,这时组件无法被更改属性,无法被移动,左侧栏的所用操作都用中键(防止手贱),通过Pgup和PgDn按键控制组件上下调整图层,可以通过长按中键拖动(不建议,测试中,容易导致崩溃)。

现在让我们来创建第一个组件,用来显示表盘的背景,选择ERface上方的新建组件按钮,点击图片组件前面的矩形框,即可创建图片组件
浏览附件22353

浏览附件22354
此时你会看到:
浏览附件22355看到这样出现了一个正方形的框就表示创建组件成功了,(每一个新建表盘都带有一个图片组件),一个组件如果被橙色框框住,表示已经选中,ERface的选中组件可以通过两种方式:1直接点击组件选择,2在左侧栏通过中键选择。






现在要为这个图片组件选择素材,长按右侧的选择图片按钮,直到选择窗口出现,选择图片,必须注意选择的图片必须在本表盘项目文件里的images和images_aod文件夹内的,我们现在是普通模式,所以在images里选择图片
浏览附件22356
浏览附件22357
浏览附件22358

出现右图的状态就是成功了(图片名必须为英文,只能是png图片),现在把图片拖动到坐标(0,0)的位置。
按照刚刚的方法创建数字组件,然后点击选择图片:
浏览附件22359 通过Ctrl+左键选择10张图
片,顺序必须如图一样。











现在看到右侧的选项栏


浏览附件22360

这些选项故名思意,现在我们需要制作小时的显示,因为小时为两位,所以点击显示数量的框框,当框变成橙色时,即可输入,把1改称2,随意点击别的地方即可退出编辑。
浏览附件22362
数字就会变成两位。至于对齐方式:
|
0 123| 右对齐
|123 左对齐
123 居中
|

现在选择数据源,数据源代表的是这个组件显示什么东西,点击矩形框之后,左侧栏会变成数据源选择,根据需求选择,这里我们是制作小时数字,所以直接选择小时(操作和选择组件一样,中键或者PgUp PgDn),现在这个数字就会显示小时了,Ctrl+C复制这个组件,选择分钟,拖动到合适位置。
如果需要制作日期,方法和数字一样,新建图片列表,调整参数即可,只不过不一定要选择10张图片,选择对应的数据源,至于图片索引,请看图

浏览附件22363
弄完这些之后,点击保存预览图(保存到表盘项目文件内),并把预览图拷贝到images里即可,就可打包表盘了,点击保存(建议经常保存)点击编译按钮。
当出现一个米坛的logo和弹出文夹管理器里有着表盘项目文件和.bin文件,说明打包成功,可以通过按下F2查看控制台,控制台会默认启动检查模块,会报错信息。
浏览附件22364

控制台:
浏览附件22365
1699516306844.png保存的时候出现控件错误,但是没有提示,是什么原因呢?
 

cunyu666

LV0
普通成员
UID
521950
2023-11-24
3
0
1700887539536.png
小时和分钟这里值怎么设定啊楼主,另外中心点总是选不准
 

CJBridge

LV5
🔥社区作者
普通成员
UID
264037
2023-04-28
98
630
15
浏览附件22756
小时和分钟这里值怎么设定啊楼主,另外中心点总是选不准
在选指针时,右键切换模式,用按键选,WASD,参数设置可以参考
6.指针组件
type 固定widge_pointer
x 坐标X
y 坐标Y
dataSrc 参照dataSrc示例说明
image 对应的图片
maxvalue 最大取值 如数据源为小时就是24
allangle 推测是最大旋转角度*10 allangle/10/maxvalue=每进1旋转的角度

{
"type":"widge_pointer",
"x":84,
"y":156,
"dataSrc":"0811",
"image":"image_0001",
"maxValue":24,
"allAngle":7200,
"imageRotateX":12,
"imageRotateY":96
},

或者查看示例表盘解包中指针的设置方法
 

beingwish

LV0
普通成员
UID
525865
2023-11-26
15
5
数据索引里的数值怎么弄的,比如我导入电量百分比多张图片后需要怎么设置
 

austinzzz

LV1
普通成员
UID
502378
2023-11-08
13
46
1704457025249.png请问这种区间范围的数据索引要怎么写啊,比如0-50是优,51-100是良,101-150是轻度
 

austinzzz

LV1
普通成员
UID
502378
2023-11-08
13
46
想问下,图片列表类型的话,温度区间和睡眠时间区间是怎么确定的?
我就是所有区间的数据索引不会,所以才在这里问的,睡眠区间可能最高是15h,然后分10个区间,但是我不知道索引怎么写,温度区间是变化的,完全不会弄
 

beingwish

LV0
普通成员
UID
525865
2023-11-26
15
5
我就是所有区间的数据索引不会,所以才在这里问的,睡眠区间可能最高是15h,然后分10个区间,但是我不知道索引怎么写,温度区间是变化的,完全不会弄
睡眠有一个数据源是 0x2818 healthSleepTargetProgress - 健康睡眠目标进度
温度好像没有类似的
 

austinzzz

LV1
普通成员
UID
502378
2023-11-08
13
46
睡眠有一个数据源是 0x2818 healthSleepTargetProgress - 健康睡眠目标进度
温度好像没有类似的
不太懂,我对这个一窍不通,我都是在erface里直接选的数据源,要不要加个qq交流,我qq是1519473390
 

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