Mi-Create实战宝典:零基础完成小米表盘设计的完整记录
【免费下载链接】Mi-CreateUnofficial watchface creator for Xiaomi wearables ~2021 and above项目地址: https://gitcode.com/gh_mirrors/mi/Mi-Create
Mi-Create 是一款开源、免费的第三方小米穿戴设备表盘设计工具,目标是让不懂编程的人也能做出属于自己的表盘。这篇文章不是功能说明书,而是我花一个周末从翻车到成功装机全过程的复盘记录,你可以直接照着走一遍。
翻车现场:手搓素材直接导入,为什么必糊
先交代背景:我的小米手环戴了两年,官方表盘早就看腻了。第一次尝试很天真——去图库翻了几张图,用手机 App 简单裁剪拼接,然后导进表盘应用。
结果可想而知:时间数字挤成一团、背景边缘被硬生生裁掉、图片糊得像蒙了一层雾。🤦
事后复盘,翻车原因其实就三条:
| 我踩的坑 | 背后的原因 |
|---|---|
| 图片导入后发糊 | 素材分辨率远低于设备屏幕参数 |
| 边缘被裁切 | 没考虑屏幕圆角和安全区域 |
| 时间数字错位 | 表盘不是"一张图",而是组件系统 |
这里最关键的是最后一条:表盘的本质是一组可配置的组件,而不是一张大图片。时间、日期、电量都要以组件的形式单独摆放,图片只负责当背景层。想通这一点,我就开始找能"结构化设计"的工具,于是遇到了 Mi-Create——一个支持 2021 年及以后小米穿戴设备的开源表盘设计工具。
认识正主:三栏界面就是一张表盘结构图
Mi-Create 的主界面是经典三栏布局,但它不是随便分的,恰好对应表盘设计的三个环节:
- 左侧 Resources:管理背景、指针、数字等全部图片素材
- 中间画布:实时渲染表盘效果,改哪看哪
- 右侧 Explorer + Properties:左侧是组件树(Background、Hour、Minute、Colon、Weekday……),右侧是选中组件的详细属性
第一次打开时,我被一个叫 "Parallax" 的示例项目吸引了——背景是一层层山与森林,时间数字浮在上面,还带着轻微视差效果。那一刻我意识到,在这个工具里做表盘,更像搭积木而不是画画。
环境准备:三条命令,五分钟把工具跑起来
Mi-Create 用 Python 和 PyQt6 编写,从源码跑起来很简单。打开终端依次执行:
git clone https://gitcode.com/gh_mirrors/mi/Mi-Create cd Mi-Create pip install -r requirements.txt python src/main.py前提是 Python 3.12 及以上版本。三条命令下去,简洁的启动画面就出现了:
顺带一提,Windows 用户可以直接用官方编译好的安装包,完全不用碰命令行;Linux 下源码运行体验同样完整,日志会直接输出到终端,排查问题反而更方便。
新建项目:选对机型,尺寸圆角自动适配
开工第一步不是画图,而是选设备。这一步直接决定了整个项目的画布规格。
Mi-Create 内置了二十多款机型的参数,从手表到腕带全覆盖,新建项目时就能看到类似这样的列表:
| 机型 | 分辨率 | 屏幕圆角 |
|---|---|---|
| Xiaomi Watch S1/S2/Color 2 | 466 × 466 | 233 |
| Xiaomi Watch S1 Pro | 480 × 480 | 240 |
| Xiaomi Band 8 / 9 | 192 × 490 | 100 |
| Xiaomi Band 8 Pro / 9 Pro | 336 × 480 | 48 |
| Redmi Watch 5 | 432 × 514 | 103 |
选错机型会发生什么?就是我第一节的翻车现场——素材比例对不上屏幕。选对机型后,画布尺寸、圆角裁切、安全区都由工具自动处理,这个细节帮新手避开了最大的坑。
选定机型后新建项目(默认格式是 .fprj,Mi-Create 的原生项目格式),拖入背景图,再拖一个数字时钟组件,表盘的骨架就立起来了。
细节打磨:属性面板如何治好像素级强迫症
第一版能显示时间了,但看起来总"差一点"。差的这一点,全部要靠右侧的 Properties 面板找回来。
选中任意组件,你可以直接修改:
- 位置与尺寸:X/Y 坐标、宽高,精确到像素
- 不透明度:方便叠加半透明素材
- 图层顺序:决定谁盖在谁上面
- 对齐方式:一键水平/垂直居中,配合吸附网格使用
我调数字时钟时遇到一个典型问题:数字总是偏右两三个像素,肉眼根本看不出来,截图放大才发现。用对齐工具一键居中后,整个人都舒坦了。😌 画布还支持关闭设备边缘裁切、开关抗锯齿、切换插值方式(Bilinear 平滑 / Nearest Neighbour 硬边),细节控能在这里找到想要的全部控制项。
另外,所有操作都会进撤销历史,改坏了随时回退,新手可以放心大胆地试。
息屏与动画:让表盘真正"活"起来的两步
很多新手做完主表盘就收工了,但实际戴上手才发现:熄屏后那个纯黑画面才是看的时间最长的。Mi-Create 专门做了AOD(息屏显示)快速创建——复制当前表盘结构,删掉多余的装饰元素,只保留时间和关键信息,几秒钟就能生成一套低功耗的息屏版本,省电又实用。⚡
动画方面它比我预想的克制:不追求花哨特效,更关注指针平滑走时、秒针步进这类基础动效,示例项目里也有视差背景可以参考。先保证息屏简洁,再谈动效丰富,这个顺序值得记下来。
导出安装:从 fprj 到 .bin 的最后一段路
设计完成不等于能用,还差最后一步:构建。
点击 Build 后,工具会调用内置编译器,把项目打包成手表能识别的安装文件,再通过小米运动健康 App 推送到设备上,就能换上自己的表盘。
这里有两个值得知道的点:
- 导出逻辑在
src/utils/exporter.py,它会解析项目结构、AOD 目录、图片资源后统一打包; - 编译器是第三方闭源组件,存放在
src/compiler/,只有它参与最终二进制文件的生成,项目本体依旧完全开源。
第一次装机成功的瞬间,抬手看到自己设计的表盘亮起来,那种成就感是下载任何现成表盘都给不了的。🎉
进阶玩法:语言、主题与插件组成的隐藏层
如果你和我一样,做完第一只表盘后开始翻源码,会发现这工具还有三层"隐藏能力":
- 多语言:内置 7 种语言(含中文、俄语、西语等),语言包集中在
src/locales/,想改界面文案直接编辑 - 主题系统:深色/浅色主题由
themes/Default/下的配色方案和样式表驱动,连工具本身的观感都能定制 - 插件机制:
src/plugins/提供插件 API,配合tools/plugin-toolkit.py可以扩展自定义功能;中国区用户还能体验实验性的 GMF(wfDef.json)项目格式支持
这一层是给"想更深入"的人准备的:第一层是拿来用,第二层是能自定义,第三层是可以扩展。就算你只停留在第一层,也不影响做出一只完整的表盘。
写在最后:你的第一只表盘,今晚就可以开始
回头看我那个翻车的周末,真正的问题不是手残,而是没用对工具。Mi-Create 免费、开源(GPL-3.0)、无需编程基础,把最难的分辨率适配和组件结构问题都挡在了界面后面。
给你的行动建议就一句话:克隆仓库、装依赖、跑起来,从官方示例项目开始拆解,再动手做你自己的。
git clone https://gitcode.com/gh_mirrors/mi/Mi-Create pip install -r requirements.txt python src/main.py如果做出了满意的作品,欢迎分享给同好,也可以把使用中发现的 bug 反馈给开发者——这正是开源软件成长的养分。祝你的第一只表盘,今晚就能亮在手腕上。🚀
【免费下载链接】Mi-CreateUnofficial watchface creator for Xiaomi wearables ~2021 and above项目地址: https://gitcode.com/gh_mirrors/mi/Mi-Create
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考