点击登录

米环8教程 【0821】EasyFace详细使用教程(零基础,适合7Pro、8、8Pro)

时间可以横着的(但就时间,用4个时间组件),我以为你就问步数。
时间是4个单独控件且每个都是一位数字,这个可以竖排我也知道,我是想象官方那样把步数等其他单个控件多位数字的数字竖着排,哎,看样子目前也没办法了,看以后制作软件能不能更新了
 
大佬,请教一下,图片素材经过PS修改过后 保存为哪种格式类型 占用最小且显示效果好?我这里哪怕把 数字 换个颜色 保存后 至少2-3kb了,原来素材这样的就大约300个字节大小
 
实锤了,GitHub zh-CN 是错的,环八才支持可跳转组件,只是我不知道为啥编译不了了(7pro根本不会显示错误)
1688204964111.png
 
大佬,熄屏显示的防烧屏保护搞得数据和图片对不上了,到处乱飞,有解吗😵
 
前言:由于个人原因,加上之前觉得没必要(懒,导致鸽了一阵子( ,由于很多人需要就做了一篇。
注:本教程只是以小米手环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个稍后解释)。

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

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

浏览附件19087浏览附件19089

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


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:蓝牙、勿扰、锁定
Click "Toolbox-Basic Controls-Picture List", draw a suitable size, the default index value is adjusted to 0, and the number is 2; then fill in the index value, 0 means closed, 1 means open, just follow this idea, select Corresponding data source.
浏览附件19096


3.10: Animation (Xiaomi Mi Band 8 does not currently support it)
Click "Toolbox-Basic Controls-Picture List", draw a suitable size, and then name it anim_[xx@yy]

If you use an image with a transparent background, add _RGBA to the name suffix, and fill in the index from 0.

浏览附件19111浏览附件19112

3.11: Jumpable components (currently only 8 does not support)
Please update the version to V30 version.
Click "Toolbox-Basic Controls-Picture", draw a suitable size; set the name to btn_[XXXXX], if the picture has a transparent background, add the suffix _RGBA[/ICODE ] (such as [ICODE]btn_[XXXXX]_RGBA).
If I want to set the jump to heart rate, then replace XXXXX in btn_[XXXXX]_RGBA with hrm, the effect is like btn_ [hrm]_RGBA.
Other component IDs are as follows:




4. Make-AOD
At present, it is known that Xiaomi Mi Band 8 must make AOD, otherwise it will switch to the default dial of the system when AOD is turned on.

Create a new dial, name it AOD, and save it in the same directory as the project file.
Afterwards, the manufacturing method is the same as that of the main body of the dial.
浏览附件19135


After the production is completed, there is no need to compile, just save it and return to the main project file of the dial.
浏览附件19137


5. Compile the dial
5.1: Improve dial information
Click on the blank part, fill in the name and select the preview image.
Note: The preview image of Mihuan 8 needs to be 122*310, and 7Pro is 220*358; and the rounded corners should be cut.
浏览附件19097


5.2: Compile the dial
Click the icon in the upper left corner to start compiling,
浏览附件19099
If these two items are displayed, it means the compilation is successful
浏览附件19100
output to \example\example\output
浏览附件19102
The suffix .face is the compiled product, which can be flashed directly

Finish


common problem:
Q: The image background shows no transparency
A: Add _RGBA to the control name.


Q: The picture is garbled, and the packaging always fails
A: Please check if the pictures in this picture list are the same size! ! ! Different sizes of pictures in the same picture collection may cause garbled characters, or lead to entering the after-sales mode! ! !


Q: Other questions
A: Subsequent supplements.



If you have any questions, please reply to the post, and I will reply when I have time.

666
 
实锤了,GitHub zh-CN 是错的,环八才支持可跳转组件,只是我不知道为啥编译不了了(7pro根本不会显示错误)
浏览附件19523
8没实装,因为8还有js按钮,要等更新
 

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

相似主题

米环7教程
3K
8

  • 红包主题
  • 米环7教程
    35K
    516

    米环7教程
    2K
    8

    米环7表盘
    130K
    2K

    Home 首页
    Home 资源
    News 发现
    Account 我的
    顶部