米环8教程 【0821】EasyFace详细使用教程（零基础，适合7Pro、8、8Pro）

[我也太帅了吧]

大佬

 

[苍山有井独自空]

试试

 

[乘风破浪xyz]

谢谢分享

 

[larrytalkin]

nice, thanks

 

[XQun]

学习了！

 

[RoyanC]

support

 

[formalins1]

nb

 

[zhykang]

好东西

 

[leafxixi]

666

 

[秩序的话]

前言：由于个人原因，加上之前觉得没必要（懒），导致鸽了一阵子（ ，由于很多人需要就做了一篇。
注：本教程只是以小米手环8为示例，其他此工具支持的机型也可以参考参考；可能有些内容不全，后期慢慢更新。
感谢@huangtao1189指出一处动画错误
放了一份示例表盘，可以参考参考

---

1.下载及配置:（如已下载可跳过）

1.1:下载
首先点击此链接前往下载，或者前往对应板块置顶下载,解压完成后即可得到此文件浏览附件19077
1.2:配置应用程序
右键“EasyFace.exe”，点击属性，上方找到兼容性，勾选“以管理员身份运行此程序”，之后再点击“应用”即可。
浏览附件19078





2.新建工程文件以及放置图片资源
2.1:新建工程文件
初步打开是这样的（可能跟你的不太一样，我调整了位置），浏览附件19079
这时点击左上角第一个图标，新建工程，
浏览附件19081
弹出一个框，填写信息后手环类型选择小米手环8即可确定。
浏览附件19082
然后文件夹内生成了以下内容：
浏览附件19083

images:存放图片资源（png）；只需放置图片，请不要放入其他文件（如psd、txt）等，也不要再往里面建文件夹。
output:输出文件夹，用于存放输出文件。
示例.fprj:工程文件，用于保存项目。

2.2:导入图片资源
将用于制作的png文件放入即可，软件即会显示。（不用再往里面建文件夹）




3.制作-主体
3.1:底图（背景）
点击“工具箱-基础控件-图片”，随便画一个，在左侧属性窗口中将“x、y”更改为“0，0”，如图所示。
浏览附件19084
再从“图片浏览”中拖入图片至“属性-图片”一栏即可
浏览附件19086

3.2:时间
点击“工具箱-基础控件-通用数字显示”，画一个合适的大小，从“图片浏览”中拖入图片至“属性-数字图片列表”一栏（数字0~符号都要拖入），之后可显示控件。然后复制此控件，粘贴出一共4个控件（为何4个稍后解释）。
PS：对于8Pro，请直接用小时,分钟两位的这种数据源，因为和8机制不一样,底下的灰字是写给8的用户。

！！！注意，每一个单独的控件（如图片列表，数字列表）都只能用一套图片，不能重复使用，4个控件对应要复制用4套图片。！！！

将粘贴完的控件修改一下对应的图片，依次添加数据源为“小时-十位”、“小时-个位”、“分钟-十位”、“分钟-个位”，再修改一下xy位置即可。
效果如图

浏览附件19087浏览附件19089
PS：为何不直接用“小时”和“分钟”？原因是因为这个数据源是给指针表盘用的，并不是单纯的0到24，因为应用在指针上时、小时是会根据分钟一点点走的，并不是直接从11到12。这个数值估计是有小数点的，所以过30分的时候，23.6然后显示到数字组件上就进1成24了。（写给8的）

3.3:日期
和时间一样，只需将数据源改成日期，位数调整至2位即可。浏览附件19090

3.4:星期
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为0，数量为7，从“图片浏览”中拖入图片至“属性-图片列表-名称”一栏；然后设置索引值，星期日对应的索引值为0，星期一~星期六依次1~6。填写完毕后将数据源设置为“星期”即可。
浏览附件19091

3.5:步数、心率、卡路里、电量
这里和时间设置一样，只需把数据源改为对应，更改位数，细节按需调整即可。
注：如果不想显示数字前面的0时，可打开高位消隐。
浏览附件19092

3.6:电量切图
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为10，数量为10，依次从“图片浏览”中拖入图片至“属性-图片列表-名称”一栏；然后设置索引值，如第一张图想在电量为XX时切换，索引值就填写XX即可，之后依次填写即可。
浏览附件19093

3.7:高位消隐
如果想要让数字显示1，而不是001，只需把“属性-高位消隐”打开即可。
浏览附件19094



3.8:图片
点击“工具箱-基础控件-图片”，画一个合适的大小，再从“图片浏览”中拖入图片至“属性-图片”一栏即可。
注：如果此图片为透明，请在控件名称填写_RGBA即可。
浏览附件19095
3.9:蓝牙、勿扰、锁定
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为0，数量为2；之后填写索引值，0代表关闭，1代表打开，按照这个思路制作即可，选择对应数据源。
浏览附件19096

3.10:动画（小米手环8目前不支持）
点击“工具箱-基础控件-图片列表”，画一个合适的大小，之后将名字命名为anim_[xx@yy]

如果使用带有透明背景的图像，要在名称后缀加上_RGBA，索引就从0开始填写即可。
浏览附件19111浏览附件19112

3.11:可跳转组件(小米手环8、8Pro不支持)
请将版本更新至V30版本。
点击“工具箱-基础控件-图片”，画一个合适的大小；将名称设置成btn_[XXXXX]，如果图片带有透明背景再加上后缀_RGBA（如btn_[XXXXX]_RGBA）。
如我要设置跳转到心率，那么就将btn_[XXXXX]_RGBA中XXXXX替换为hrm，效果如btn_[hrm]_RGBA。
其他的组件ID如下：



4.制作-AOD
目前已知小米手环8必须制作AOD，不然开启AOD会切换为系统默认表盘
新建一个表盘，命名为AOD，保存必须在于工程文件同一目录下。
之后制作方法如同表盘主体一样。
浏览附件19135

制作完成后无需编译，直接保存后回到表盘主体工程文件即可。
浏览附件19137


5.编译表盘
5.1:完善表盘信息
点击空白部分，填写名称和选取预览图。
注：米环8预览图需为122*310，7Pro为220*358；并且切完圆角。
浏览附件19097

5.2:编译表盘
点击左上角的图标，即可开始编译，
浏览附件19099
如显示这两项，代表编译成功
浏览附件19100
输出到\示例\示例\output中
浏览附件19102
后缀.face为编译产物，可直接刷入
结束

---

常见问题:
Q:图片背景显示无透明
A:在此控件名称加上_RGBA。

Q:图片乱码、打包老是失败
A:请检查此图片列表的图片是否为同尺寸！！！同图片合集中图片尺寸不同轻则乱码，重则导致进入售后模式！！！

Q:其他问题
A:后续补充。

---

如有问题可回复帖子，有时间我会回复的。

---

牛

 

[后海55]

大佬牛逼

 

[birdmonter]

大佬辛苦了，必须得支持。666

 

[weineil]

前言：由于个人原因，加上之前觉得没必要（懒），导致鸽了一阵子（ ，由于很多人需要就做了一篇。
注：本教程只是以小米手环8为示例，其他此工具支持的机型也可以参考参考；可能有些内容不全，后期慢慢更新。
感谢@huangtao1189指出一处动画错误
放了一份示例表盘，可以参考参考

---

1.下载及配置:（如已下载可跳过）

1.1:下载
首先点击此链接前往下载，或者前往对应板块置顶下载,解压完成后即可得到此文件浏览附件19077
1.2:配置应用程序
右键“EasyFace.exe”，点击属性，上方找到兼容性，勾选“以管理员身份运行此程序”，之后再点击“应用”即可。
浏览附件19078





2.新建工程文件以及放置图片资源
2.1:新建工程文件
初步打开是这样的（可能跟你的不太一样，我调整了位置），浏览附件19079
这时点击左上角第一个图标，新建工程，
浏览附件19081
弹出一个框，填写信息后手环类型选择小米手环8即可确定。
浏览附件19082
然后文件夹内生成了以下内容：
浏览附件19083

images:存放图片资源（png）；只需放置图片，请不要放入其他文件（如psd、txt）等，也不要再往里面建文件夹。
output:输出文件夹，用于存放输出文件。
示例.fprj:工程文件，用于保存项目。

2.2:导入图片资源
将用于制作的png文件放入即可，软件即会显示。（不用再往里面建文件夹）




3.制作-主体
3.1:底图（背景）
点击“工具箱-基础控件-图片”，随便画一个，在左侧属性窗口中将“x、y”更改为“0，0”，如图所示。
浏览附件19084
再从“图片浏览”中拖入图片至“属性-图片”一栏即可
浏览附件19086

3.2:时间
点击“工具箱-基础控件-通用数字显示”，画一个合适的大小，从“图片浏览”中拖入图片至“属性-数字图片列表”一栏（数字0~符号都要拖入），之后可显示控件。然后复制此控件，粘贴出一共4个控件（为何4个稍后解释）。
PS：对于8Pro，请直接用小时,分钟两位的这种数据源，因为和8机制不一样,底下的灰字是写给8的用户。

！！！注意，每一个单独的控件（如图片列表，数字列表）都只能用一套图片，不能重复使用，4个控件对应要复制用4套图片。！！！

将粘贴完的控件修改一下对应的图片，依次添加数据源为“小时-十位”、“小时-个位”、“分钟-十位”、“分钟-个位”，再修改一下xy位置即可。
效果如图

浏览附件19087浏览附件19089
PS：为何不直接用“小时”和“分钟”？原因是因为这个数据源是给指针表盘用的，并不是单纯的0到24，因为应用在指针上时、小时是会根据分钟一点点走的，并不是直接从11到12。这个数值估计是有小数点的，所以过30分的时候，23.6然后显示到数字组件上就进1成24了。（写给8的）

3.3:日期
和时间一样，只需将数据源改成日期，位数调整至2位即可。浏览附件19090

3.4:星期
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为0，数量为7，从“图片浏览”中拖入图片至“属性-图片列表-名称”一栏；然后设置索引值，星期日对应的索引值为0，星期一~星期六依次1~6。填写完毕后将数据源设置为“星期”即可。
浏览附件19091

3.5:步数、心率、卡路里、电量
这里和时间设置一样，只需把数据源改为对应，更改位数，细节按需调整即可。
注：如果不想显示数字前面的0时，可打开高位消隐。
浏览附件19092

3.6:电量切图
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为10，数量为10，依次从“图片浏览”中拖入图片至“属性-图片列表-名称”一栏；然后设置索引值，如第一张图想在电量为XX时切换，索引值就填写XX即可，之后依次填写即可。
浏览附件19093

3.7:高位消隐
如果想要让数字显示1，而不是001，只需把“属性-高位消隐”打开即可。
浏览附件19094



3.8:图片
点击“工具箱-基础控件-图片”，画一个合适的大小，再从“图片浏览”中拖入图片至“属性-图片”一栏即可。
注：如果此图片为透明，请在控件名称填写_RGBA即可。
浏览附件19095
3.9:蓝牙、勿扰、锁定
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为0，数量为2；之后填写索引值，0代表关闭，1代表打开，按照这个思路制作即可，选择对应数据源。
浏览附件19096

3.10:动画（小米手环8目前不支持）
点击“工具箱-基础控件-图片列表”，画一个合适的大小，之后将名字命名为anim_[xx@yy]

如果使用带有透明背景的图像，要在名称后缀加上_RGBA，索引就从0开始填写即可。
浏览附件19111浏览附件19112

3.11:可跳转组件(小米手环8、8Pro不支持)
请将版本更新至V30版本。
点击“工具箱-基础控件-图片”，画一个合适的大小；将名称设置成btn_[XXXXX]，如果图片带有透明背景再加上后缀_RGBA（如btn_[XXXXX]_RGBA）。
如我要设置跳转到心率，那么就将btn_[XXXXX]_RGBA中XXXXX替换为hrm，效果如btn_[hrm]_RGBA。
其他的组件ID如下：



4.制作-AOD
目前已知小米手环8必须制作AOD，不然开启AOD会切换为系统默认表盘
新建一个表盘，命名为AOD，保存必须在于工程文件同一目录下。
之后制作方法如同表盘主体一样。
浏览附件19135

制作完成后无需编译，直接保存后回到表盘主体工程文件即可。
浏览附件19137


5.编译表盘
5.1:完善表盘信息
点击空白部分，填写名称和选取预览图。
注：米环8预览图需为122*310，7Pro为220*358；并且切完圆角。
浏览附件19097

5.2:编译表盘
点击左上角的图标，即可开始编译，
浏览附件19099
如显示这两项，代表编译成功
浏览附件19100
输出到\示例\示例\output中
浏览附件19102
后缀.face为编译产物，可直接刷入
结束

---

常见问题:
Q:图片背景显示无透明
A:在此控件名称加上_RGBA。

Q:图片乱码、打包老是失败
A:请检查此图片列表的图片是否为同尺寸！！！同图片合集中图片尺寸不同轻则乱码，重则导致进入售后模式！！！

Q:其他问题
A:后续补充。

---

如有问题可回复帖子，有时间我会回复的。

---

 

[不凡帝]

大佬感谢

 

[昵称已失效]

水平对齐容器无效

 

[hanabi]

前言：由于个人原因，加上之前觉得没必要（懒），导致鸽了一阵子（ ，由于很多人需要就做了一篇。
注：本教程只是以小米手环8为示例，其他此工具支持的机型也可以参考参考；可能有些内容不全，后期慢慢更新。
感谢@huangtao1189指出一处动画错误
放了一份示例表盘，可以参考参考

---

1.下载及配置:（如已下载可跳过）

1.1:下载
首先点击此链接前往下载，或者前往对应板块置顶下载,解压完成后即可得到此文件浏览附件19077
1.2:配置应用程序
右键“EasyFace.exe”，点击属性，上方找到兼容性，勾选“以管理员身份运行此程序”，之后再点击“应用”即可。
浏览附件19078





2.新建工程文件以及放置图片资源
2.1:新建工程文件
初步打开是这样的（可能跟你的不太一样，我调整了位置），浏览附件19079
这时点击左上角第一个图标，新建工程，
浏览附件19081
弹出一个框，填写信息后手环类型选择小米手环8即可确定。
浏览附件19082
然后文件夹内生成了以下内容：
浏览附件19083

images:存放图片资源（png）；只需放置图片，请不要放入其他文件（如psd、txt）等，也不要再往里面建文件夹。
output:输出文件夹，用于存放输出文件。
示例.fprj:工程文件，用于保存项目。

2.2:导入图片资源
将用于制作的png文件放入即可，软件即会显示。（不用再往里面建文件夹）




3.制作-主体
3.1:底图（背景）
点击“工具箱-基础控件-图片”，随便画一个，在左侧属性窗口中将“x、y”更改为“0，0”，如图所示。
浏览附件19084
再从“图片浏览”中拖入图片至“属性-图片”一栏即可
浏览附件19086

3.2:时间
点击“工具箱-基础控件-通用数字显示”，画一个合适的大小，从“图片浏览”中拖入图片至“属性-数字图片列表”一栏（数字0~符号都要拖入），之后可显示控件。然后复制此控件，粘贴出一共4个控件（为何4个稍后解释）。
PS：对于8Pro，请直接用小时,分钟两位的这种数据源，因为和8机制不一样,底下的灰字是写给8的用户。

！！！注意，每一个单独的控件（如图片列表，数字列表）都只能用一套图片，不能重复使用，4个控件对应要复制用4套图片。！！！

将粘贴完的控件修改一下对应的图片，依次添加数据源为“小时-十位”、“小时-个位”、“分钟-十位”、“分钟-个位”，再修改一下xy位置即可。
效果如图

浏览附件19087浏览附件19089
PS：为何不直接用“小时”和“分钟”？原因是因为这个数据源是给指针表盘用的，并不是单纯的0到24，因为应用在指针上时、小时是会根据分钟一点点走的，并不是直接从11到12。这个数值估计是有小数点的，所以过30分的时候，23.6然后显示到数字组件上就进1成24了。（写给8的）

3.3:日期
和时间一样，只需将数据源改成日期，位数调整至2位即可。浏览附件19090

3.4:星期
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为0，数量为7，从“图片浏览”中拖入图片至“属性-图片列表-名称”一栏；然后设置索引值，星期日对应的索引值为0，星期一~星期六依次1~6。填写完毕后将数据源设置为“星期”即可。
浏览附件19091

3.5:步数、心率、卡路里、电量
这里和时间设置一样，只需把数据源改为对应，更改位数，细节按需调整即可。
注：如果不想显示数字前面的0时，可打开高位消隐。
浏览附件19092

3.6:电量切图
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为10，数量为10，依次从“图片浏览”中拖入图片至“属性-图片列表-名称”一栏；然后设置索引值，如第一张图想在电量为XX时切换，索引值就填写XX即可，之后依次填写即可。
浏览附件19093

3.7:高位消隐
如果想要让数字显示1，而不是001，只需把“属性-高位消隐”打开即可。
浏览附件19094



3.8:图片
点击“工具箱-基础控件-图片”，画一个合适的大小，再从“图片浏览”中拖入图片至“属性-图片”一栏即可。
注：如果此图片为透明，请在控件名称填写_RGBA即可。
浏览附件19095
3.9:蓝牙、勿扰、锁定
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为0，数量为2；之后填写索引值，0代表关闭，1代表打开，按照这个思路制作即可，选择对应数据源。
浏览附件19096

3.10:动画（小米手环8目前不支持）
点击“工具箱-基础控件-图片列表”，画一个合适的大小，之后将名字命名为anim_[xx@yy]

如果使用带有透明背景的图像，要在名称后缀加上_RGBA，索引就从0开始填写即可。
浏览附件19111浏览附件19112

3.11:可跳转组件(小米手环8、8Pro不支持)
请将版本更新至V30版本。
点击“工具箱-基础控件-图片”，画一个合适的大小；将名称设置成btn_[XXXXX]，如果图片带有透明背景再加上后缀_RGBA（如btn_[XXXXX]_RGBA）。
如我要设置跳转到心率，那么就将btn_[XXXXX]_RGBA中XXXXX替换为hrm，效果如btn_[hrm]_RGBA。
其他的组件ID如下：



4.制作-AOD
目前已知小米手环8必须制作AOD，不然开启AOD会切换为系统默认表盘
新建一个表盘，命名为AOD，保存必须在于工程文件同一目录下。
之后制作方法如同表盘主体一样。
浏览附件19135

制作完成后无需编译，直接保存后回到表盘主体工程文件即可。
浏览附件19137


5.编译表盘
5.1:完善表盘信息
点击空白部分，填写名称和选取预览图。
注：米环8预览图需为122*310，7Pro为220*358；并且切完圆角。
浏览附件19097

5.2:编译表盘
点击左上角的图标，即可开始编译，
浏览附件19099
如显示这两项，代表编译成功
浏览附件19100
输出到\示例\示例\output中
浏览附件19102
后缀.face为编译产物，可直接刷入
结束

---

常见问题:
Q:图片背景显示无透明
A:在此控件名称加上_RGBA。

Q:图片乱码、打包老是失败
A:请检查此图片列表的图片是否为同尺寸！！！同图片合集中图片尺寸不同轻则乱码，重则导致进入售后模式！！！

Q:其他问题
A:后续补充。

---

如有问题可回复帖子，有时间我会回复的。

---

图片为啥不能用一套啊，米7不是没事吗

 

[好香哒]

支持

 

[wei9566]

前言：由于个人原因，加上之前觉得没必要（懒），导致鸽了一阵子（ ，由于很多人需要就做了一篇。
注：本教程只是以小米手环8为示例，其他此工具支持的机型也可以参考参考；可能有些内容不全，后期慢慢更新。
感谢@huangtao1189指出一处动画错误
放了一份示例表盘，可以参考参考

---

1.下载及配置:（如已下载可跳过）

1.1:下载
首先点击此链接前往下载，或者前往对应板块置顶下载,解压完成后即可得到此文件浏览附件19077
1.2:配置应用程序
右键“EasyFace.exe”，点击属性，上方找到兼容性，勾选“以管理员身份运行此程序”，之后再点击“应用”即可。
浏览附件19078





2.新建工程文件以及放置图片资源
2.1:新建工程文件
初步打开是这样的（可能跟你的不太一样，我调整了位置），浏览附件19079
这时点击左上角第一个图标，新建工程，
浏览附件19081
弹出一个框，填写信息后手环类型选择小米手环8即可确定。
浏览附件19082
然后文件夹内生成了以下内容：
浏览附件19083

images:存放图片资源（png）；只需放置图片，请不要放入其他文件（如psd、txt）等，也不要再往里面建文件夹。
output:输出文件夹，用于存放输出文件。
示例.fprj:工程文件，用于保存项目。

2.2:导入图片资源
将用于制作的png文件放入即可，软件即会显示。（不用再往里面建文件夹）




3.制作-主体
3.1:底图（背景）
点击“工具箱-基础控件-图片”，随便画一个，在左侧属性窗口中将“x、y”更改为“0，0”，如图所示。
浏览附件19084
再从“图片浏览”中拖入图片至“属性-图片”一栏即可
浏览附件19086

3.2:时间
点击“工具箱-基础控件-通用数字显示”，画一个合适的大小，从“图片浏览”中拖入图片至“属性-数字图片列表”一栏（数字0~符号都要拖入），之后可显示控件。然后复制此控件，粘贴出一共4个控件（为何4个稍后解释）。
PS：对于8Pro，请直接用小时,分钟两位的这种数据源，因为和8机制不一样,底下的灰字是写给8的用户。

！！！注意，每一个单独的控件（如图片列表，数字列表）都只能用一套图片，不能重复使用，4个控件对应要复制用4套图片。！！！

将粘贴完的控件修改一下对应的图片，依次添加数据源为“小时-十位”、“小时-个位”、“分钟-十位”、“分钟-个位”，再修改一下xy位置即可。
效果如图

浏览附件19087浏览附件19089
PS：为何不直接用“小时”和“分钟”？原因是因为这个数据源是给指针表盘用的，并不是单纯的0到24，因为应用在指针上时、小时是会根据分钟一点点走的，并不是直接从11到12。这个数值估计是有小数点的，所以过30分的时候，23.6然后显示到数字组件上就进1成24了。（写给8的）

3.3:日期
和时间一样，只需将数据源改成日期，位数调整至2位即可。浏览附件19090

3.4:星期
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为0，数量为7，从“图片浏览”中拖入图片至“属性-图片列表-名称”一栏；然后设置索引值，星期日对应的索引值为0，星期一~星期六依次1~6。填写完毕后将数据源设置为“星期”即可。
浏览附件19091

3.5:步数、心率、卡路里、电量
这里和时间设置一样，只需把数据源改为对应，更改位数，细节按需调整即可。
注：如果不想显示数字前面的0时，可打开高位消隐。
浏览附件19092

3.6:电量切图
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为10，数量为10，依次从“图片浏览”中拖入图片至“属性-图片列表-名称”一栏；然后设置索引值，如第一张图想在电量为XX时切换，索引值就填写XX即可，之后依次填写即可。
浏览附件19093

3.7:高位消隐
如果想要让数字显示1，而不是001，只需把“属性-高位消隐”打开即可。
浏览附件19094



3.8:图片
点击“工具箱-基础控件-图片”，画一个合适的大小，再从“图片浏览”中拖入图片至“属性-图片”一栏即可。
注：如果此图片为透明，请在控件名称填写_RGBA即可。
浏览附件19095
3.9:蓝牙、勿扰、锁定
点击“工具箱-基础控件-图片列表”，画一个合适的大小，默认索引值调整为0，数量为2；之后填写索引值，0代表关闭，1代表打开，按照这个思路制作即可，选择对应数据源。
浏览附件19096

3.10:动画（小米手环8目前不支持）
点击“工具箱-基础控件-图片列表”，画一个合适的大小，之后将名字命名为anim_[xx@yy]

如果使用带有透明背景的图像，要在名称后缀加上_RGBA，索引就从0开始填写即可。
浏览附件19111浏览附件19112

3.11:可跳转组件(小米手环8、8Pro不支持)
请将版本更新至V30版本。
点击“工具箱-基础控件-图片”，画一个合适的大小；将名称设置成btn_[XXXXX]，如果图片带有透明背景再加上后缀_RGBA（如btn_[XXXXX]_RGBA）。
如我要设置跳转到心率，那么就将btn_[XXXXX]_RGBA中XXXXX替换为hrm，效果如btn_[hrm]_RGBA。
其他的组件ID如下：



4.制作-AOD
目前已知小米手环8必须制作AOD，不然开启AOD会切换为系统默认表盘
新建一个表盘，命名为AOD，保存必须在于工程文件同一目录下。
之后制作方法如同表盘主体一样。
浏览附件19135

制作完成后无需编译，直接保存后回到表盘主体工程文件即可。
浏览附件19137


5.编译表盘
5.1:完善表盘信息
点击空白部分，填写名称和选取预览图。
注：米环8预览图需为122*310，7Pro为220*358；并且切完圆角。
浏览附件19097

5.2:编译表盘
点击左上角的图标，即可开始编译，
浏览附件19099
如显示这两项，代表编译成功
浏览附件19100
输出到\示例\示例\output中
浏览附件19102
后缀.face为编译产物，可直接刷入
结束

---

常见问题:
Q:图片背景显示无透明
A:在此控件名称加上_RGBA。

Q:图片乱码、打包老是失败
A:请检查此图片列表的图片是否为同尺寸！！！同图片合集中图片尺寸不同轻则乱码，重则导致进入售后模式！！！

Q:其他问题
A:后续补充。

---

如有问题可回复帖子，有时间我会回复的。

---

操作没有足够的权限

 

[Fred2022]

Préface : Pour des raisons personnelles, et parce que je pensais que c'était inutile (paresseux ) avant , je ne l'ai pas écrit pendant un moment ( ), j'ai donc fait un article parce que beaucoup de gens en avaient besoin.
Remarque : Ce didacticiel utilise uniquement le Xiaomi Mi Band 8 comme exemple. D'autres modèles pris en charge par cet outil peuvent également être utilisés à titre de référence. Le contenu peut être incomplet et sera mis à jour ultérieurement.
Merci à @huangtao1189 d'avoir signalé une erreur d'animation
Un exemple de cadran est fourni pour votre référence.

---

1. Téléchargement et configuration : (Si vous avez déjà téléchargé, vous pouvez l'ignorer)

1.1 : Télécharger
Cliquez d'abord sur ce lien pour télécharger, ou allez en haut de la section correspondante pour télécharger. Une fois la décompression terminée, vous pouvez obtenir ce fichier.浏览附件19077
1.2 : Configuration de l'application
Faites un clic droit sur « EasyFace.exe », cliquez sur Propriétés, recherchez Compatibilité en haut, cochez « Exécuter ce programme en tant qu'administrateur », puis cliquez sur « Appliquer ».
浏览附件19078





2. Créez de nouveaux fichiers de projet et placez des ressources d'image
2.1 : Créer un nouveau fichier de projet
L'ouverture initiale est comme ça (elle peut être différente de la vôtre, j'ai ajusté la position),浏览附件19079
À ce stade, cliquez sur la première icône dans le coin supérieur gauche pour créer un nouveau projet.
浏览附件19081
Une boîte apparaîtra. Après avoir rempli les informations, sélectionnez Xiaomi Mi Band 8 comme type de bracelet à confirmer.
浏览附件19082
Ensuite, le contenu suivant a été généré dans le dossier :
浏览附件19083

images : stocke les ressources d'images (png) ; placez uniquement des images, veuillez ne pas y mettre d'autres fichiers (tels que psd, txt), etc., et ne pas y créer de dossiers.
sortie : dossier de sortie, utilisé pour stocker les fichiers de sortie.
Exemple.fprj : fichier projet, utilisé pour enregistrer le projet.

2.2 : Importer des ressources d'images
Mettez simplement le fichier png utilisé pour la production et le logiciel l'affichera. (Pas besoin d'y créer des dossiers)




3. Corps principal de production
3.1 : Fond de carte (arrière-plan)
Cliquez sur "Boîte à outils-Contrôles de base-Image", dessinez-en un et remplacez "x, y" par "0, 0" dans la fenêtre des propriétés à gauche, comme indiqué sur la figure.
浏览附件19084
Faites ensuite glisser l'image de "Picture Browser" vers la colonne "Propriétés-Image".
浏览附件19086

3.2 : Temps
Cliquez sur "Boîte à outils-Contrôles de base-Affichage numérique général", dessinez une taille appropriée, faites glisser l'image du "Navigateur d'images" vers la colonne "Propriétés-Liste d'images numérotées" (faites glisser les numéros 0 ~ symboles), puis les contrôles peuvent être affichés. Copiez ensuite ce contrôle et collez un total de 4 contrôles (pourquoi 4 sera expliqué plus tard).
PS : Pour 8Pro, veuillez utiliser directement la source de données avec deux chiffres d'heures et de minutes, car elle est différente du mécanisme 8. Les mots gris en bas sont écrits pour 8 utilisateurs.

! ! ! Notez que chaque contrôle individuel (tel qu'une liste d'images, une liste de numéros) ne peut utiliser qu'un seul jeu d'images et ne peut pas être réutilisé. 4 jeux d'images doivent être copiés correspondant à 4 contrôles. ! ! !

Modifiez l'image correspondante du contrôle collé, ajoutez les sources de données sous forme de "heures-dizaines", "heures-unités", "minutes-dizaines", "minutes-unités", puis modifiez la position xy.
L'effet est comme indiqué sur la figure

浏览附件19087浏览附件19089
PS : Pourquoi ne pas simplement utiliser « heures » et « minutes » ? La raison en est que cette source de données est utilisée pour le cadran du pointeur, et ce n'est pas simplement 0 à 24, car lorsqu'elle est appliquée au pointeur, l'heure se déplacera pas à pas en fonction des minutes, pas directement de 11 à 12. Cette valeur comporte probablement un point décimal, donc au bout de 30 minutes, 23,6 s'affiche sur le composant numérique et devient 10% 24. (Écrit à 8)

3.3 😀ate
Tout comme l'heure, changez simplement la source de données en date et ajustez le nombre de chiffres à 2 chiffres.浏览附件19090

3.4 : semaine
Cliquez sur "Boîte à outils-Contrôles de base-Liste d'images", dessinez une taille appropriée, ajustez la valeur d'index par défaut à 0 et la quantité à 7. Faites glisser l'image de "Navigateur d'images" vers la colonne "Propriétés-Liste d'images-Nom" ; Ensuite, définissez la valeur d'index. La valeur d'index correspondant au dimanche est 0 et du lundi au samedi sont de 1 à 6 dans l'ordre. Après avoir rempli, définissez la source de données sur "semaine".
浏览附件19091

3.5 : nombre de pas, fréquence cardiaque, calories, batterie
C'est la même chose que le réglage de l'heure. Il vous suffit de remplacer la source de données par celle correspondante, de modifier le nombre de chiffres et d'ajuster les détails si nécessaire.
Remarque : Si vous ne souhaitez pas afficher le 0 devant le nombre, vous pouvez activer la suppression des bits élevés.
浏览附件19092

3.6 : Tableau des coupures de courant
Cliquez sur "Boîte à outils-Contrôles de base-Liste d'images", dessinez une taille appropriée, ajustez la valeur d'index par défaut à 10 et la quantité à 10. Faites glisser les images de "Navigateur d'images" vers la colonne "Propriétés-Liste d'images-Nom". ;Ensuite, définissez la valeur d'index. Par exemple, si vous souhaitez changer la première image lorsque la puissance est XX, remplissez simplement XX pour la valeur d'index, puis remplissez-la dans l'ordre.
浏览附件19093

3.7 : Suppression de haut niveau
Si vous souhaitez que le numéro affiche 1 au lieu de 001, activez simplement "Properties-High Bit Blanking".
浏览附件19094



3.8 : Photos
Cliquez sur "Boîte à outils-Contrôles de base-Image", dessinez une taille appropriée, puis faites glisser l'image de "Picture Browser" vers la colonne "Propriétés-Image".
Remarque : Si cette image est transparente, veuillez remplir _RGBA dans le nom du contrôle.
浏览附件19095
3.9 : Bluetooth, Ne pas déranger, Verrouiller
Cliquez sur "Boîte à outils - Contrôles de base - Liste d'images", dessinez une taille appropriée, ajustez la valeur d'index par défaut à 0 et la quantité à 2 ; puis remplissez la valeur d'index, 0 signifie fermé, 1 signifie ouvert, suivez cette idée et sélectionnez Source de données correspondante.
浏览附件19096

3.10 : Animation (non prise en charge par Xiaomi Mi Band 8 actuellement)
Cliquez sur "Boîte à outils-Contrôles de base-Liste d'images", dessinez une taille appropriée, puis nommez-la anim_[xx@yy]

Si vous utilisez une image avec un fond transparent, ajoutez _RGBA au suffixe du nom et remplissez l'index en commençant à 0.
浏览附件19111浏览附件19112

3.11 : Composants connectables (non pris en charge par Xiaomi Mi Band 8 et 8Pro)
Veuillez mettre à jour la version vers la version V30.
Cliquez sur "Boîte à outils-Contrôles de base-Image" et dessinez une taille appropriée ; définissez le nom sur btn_[XXXXX]. Si l'image a un fond transparent, ajoutez le suffixe _RGBA[/ICODE ] (tel que [ICODE]btn_[XXXXX]_RGBA).
Si je souhaite définir le saut vers la fréquence cardiaque, remplacez XXXXX dans btn_[XXXXX]_RGBA par hrm, l'effet est comme [ICODE ]btn_ [hrm]_RGBA[/ICODE].
Les autres ID de composants sont les suivants :



4. Production-AOD
On sait actuellement que Xiaomi Mi Band 8 doit créer AOD, sinon l'activation d'AOD passera au cadran de montre par défaut du système.
Créez un nouveau cadran, nommez-le AOD et enregistrez-le dans le même répertoire que le fichier de projet.
La méthode de production ultérieure est la même que celle du corps principal du cadran.
浏览附件19135

Une fois la création terminée, il n'est pas nécessaire de compiler, il suffit de l'enregistrer directement et de revenir au fichier principal du projet de numérotation.
浏览附件19137


5. Compilez le cadran
5.1 : Améliorer les informations de numérotation
Cliquez sur la zone vide, remplissez le nom et sélectionnez une image d'aperçu.
Remarque : L'image d'aperçu du Mihuan 8 doit être de 122 x 310, celle du 7Pro doit être de 220 x 358 ; et les coins arrondis doivent être coupés.
浏览附件19097

5.2 : Compiler le cadran
Cliquez sur l'icône dans le coin supérieur gauche pour lancer la compilation.
浏览附件19099
Si ces deux éléments sont affichés, cela signifie que la compilation est réussie.
浏览附件19100
Sortie vers \example\example\output
浏览附件19102
Le suffixe .face est un produit compilé et peut être directement flashé.
Finition

---

Problème commun:
Q : L'arrière-plan de l'image n'est pas transparent
R : Ajoutez _RGBA au nom de ce contrôle.

Q : Les images sont tronquées et l'emballage échoue toujours.
R : Veuillez vérifier si les images de cette liste d’images sont de la même taille ! ! ! Les tailles d'image dans la même collection d'images sont différentes, ce qui peut au mieux provoquer des caractères tronqués, ou conduire à un mode après-vente ! ! !

Q : Autres questions
R : Sera ajouté plus tard.

---

Si vous avez des questions, veuillez répondre au message, je vous répondrai quand j'aurai le temps.

---

haut

 

[kangtaxinran]

大佬，我这个总是报错，是什么原因？还有，小米手环8p的背景图要求多大尺寸呀？