拓冰建站拓冰建站
首页 / 资讯中心 / 正文

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

Mi-Create实战宝典零基础完成小米表盘设计的完整记录【免费下载链接】Mi-CreateUnofficial watchface creator for Xiaomi wearables ~2021 and above项目地址: https://gitcode.com/gh_mirrors/mi/Mi-CreateMi-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 × 466233Xiaomi Watch S1 Pro480 × 480240Xiaomi Band 8 / 9192 × 490100Xiaomi Band 8 Pro / 9 Pro336 × 48048Redmi Watch 5432 × 514103选错机型会发生什么就是我第一节的翻车现场——素材比例对不上屏幕。选对机型后画布尺寸、圆角裁切、安全区都由工具自动处理这个细节帮新手避开了最大的坑。选定机型后新建项目默认格式是 .fprjMi-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可以扩展自定义功能中国区用户还能体验实验性的 GMFwfDef.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),仅供参考
分享:

看完干货,该让你的企业上线了

免费需求沟通 · 48 小时内出具建站方案 · 河南本地可上门