news 2026/8/13 17:39:52

Mi-Create实战宝典:零基础完成小米表盘设计的完整记录

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Mi-Create实战宝典:零基础完成小米表盘设计的完整记录

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 2466 × 466233
Xiaomi Watch S1 Pro480 × 480240
Xiaomi Band 8 / 9192 × 490100
Xiaomi Band 8 Pro / 9 Pro336 × 48048
Redmi Watch 5432 × 514103

选错机型会发生什么?就是我第一节的翻车现场——素材比例对不上屏幕。选对机型后,画布尺寸、圆角裁切、安全区都由工具自动处理,这个细节帮新手避开了最大的坑。

选定机型后新建项目(默认格式是 .fprj,Mi-Create 的原生项目格式),拖入背景图,再拖一个数字时钟组件,表盘的骨架就立起来了。

细节打磨:属性面板如何治好像素级强迫症

第一版能显示时间了,但看起来总"差一点"。差的这一点,全部要靠右侧的 Properties 面板找回来。

选中任意组件,你可以直接修改:

  • 位置与尺寸:X/Y 坐标、宽高,精确到像素
  • 不透明度:方便叠加半透明素材
  • 图层顺序:决定谁盖在谁上面
  • 对齐方式:一键水平/垂直居中,配合吸附网格使用

我调数字时钟时遇到一个典型问题:数字总是偏右两三个像素,肉眼根本看不出来,截图放大才发现。用对齐工具一键居中后,整个人都舒坦了。😌 画布还支持关闭设备边缘裁切、开关抗锯齿、切换插值方式(Bilinear 平滑 / Nearest Neighbour 硬边),细节控能在这里找到想要的全部控制项。

另外,所有操作都会进撤销历史,改坏了随时回退,新手可以放心大胆地试。

息屏与动画:让表盘真正"活"起来的两步

很多新手做完主表盘就收工了,但实际戴上手才发现:熄屏后那个纯黑画面才是看的时间最长的。Mi-Create 专门做了AOD(息屏显示)快速创建——复制当前表盘结构,删掉多余的装饰元素,只保留时间和关键信息,几秒钟就能生成一套低功耗的息屏版本,省电又实用。⚡

动画方面它比我预想的克制:不追求花哨特效,更关注指针平滑走时、秒针步进这类基础动效,示例项目里也有视差背景可以参考。先保证息屏简洁,再谈动效丰富,这个顺序值得记下来。

导出安装:从 fprj 到 .bin 的最后一段路

设计完成不等于能用,还差最后一步:构建。

点击 Build 后,工具会调用内置编译器,把项目打包成手表能识别的安装文件,再通过小米运动健康 App 推送到设备上,就能换上自己的表盘。

这里有两个值得知道的点:

  1. 导出逻辑在src/utils/exporter.py,它会解析项目结构、AOD 目录、图片资源后统一打包;
  2. 编译器是第三方闭源组件,存放在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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/13 17:39:51

如何通过openpilot开源系统为你的汽车升级智能驾驶功能

如何通过openpilot开源系统为你的汽车升级智能驾驶功能 【免费下载链接】openpilot openpilot is an operating system for robotics. Currently, it upgrades the driver assistance system on 300 supported cars. 项目地址: https://gitcode.com/GitHub_Trending/op/openp…

作者头像 李华
网站建设 2026/8/13 17:38:05

AI 安全担忧加剧,三位先驱为何力主开放?

在近日的 Ai4 大会上,Geoffrey Hinton、李飞飞和吴恩达三位 AI 先驱,就 AI 安全与开放的平衡展开辩论。面对快速升级的风险担忧,他们分别从风险治理、社会信任和产业创新角度,阐述了开放生态的必要性。 一、辛顿:风险越…

作者头像 李华
网站建设 2026/8/13 17:35:42

mst-gql终极指南:构建类型安全的GraphQL全栈应用架构

mst-gql终极指南:构建类型安全的GraphQL全栈应用架构 【免费下载链接】mst-gql Bindings for mobx-state-tree and GraphQL 项目地址: https://gitcode.com/gh_mirrors/ms/mst-gql 在当今的前端开发领域,类型安全已成为构建可靠应用的关键要素。m…

作者头像 李华
网站建设 2026/8/13 17:35:29

3步完成视频PPT智能提取:告别手动截图的烦恼时代

3步完成视频PPT智能提取:告别手动截图的烦恼时代 【免费下载链接】extract-video-ppt extract the ppt in the video 项目地址: https://gitcode.com/gh_mirrors/ex/extract-video-ppt 还在为从视频中手动截图PPT页面而烦恼吗?每天花费大量时间在…

作者头像 李华
网站建设 2026/8/13 17:31:47

Rails开发者必知:pjax_rails与传统AJAX的性能对比分析

Rails开发者必知:pjax_rails与传统AJAX的性能对比分析 【免费下载链接】pjax_rails PJAX integration for Rails 项目地址: https://gitcode.com/gh_mirrors/pj/pjax_rails pjax_rails是一款专为Rails框架设计的PJAX集成工具,它通过结合PushState…

作者头像 李华