UTOPIA / LAYOUT STUDIO

每一页,都可以重新排布。

32 个真实页面覆盖雷达里的 36 个界面与状态。修改位置、尺寸、字号、配色和装饰,下载一份配置,替换仪表当前界面。

01 / 选择布局底稿

正在读取青柠页面目录…

基于现有布局修改;未设置的属性沿用原有设计和动态行为。业务读数、单位、报警与操作继续由固件管理。使用前需要支持 UTH2 的新版固件。

02 / 定位页面和控件

例如 {"x":0,"y":-20,"font":80,"color":"#D4F56A"}。坐标相对控件已有对齐锚点;align=9 表示中心。清空为 {} 可恢复这个控件的默认设计。

支持的字段与布局规则

x、y、width、height、font、color、background、border_color、radius、border_width、opacity、align、text_align、hidden、padding、line_width。页面根节点还可以设置 chrome:false,关闭青柠原有外围装饰后自行绘制。字体限项目内置字号。

全量 JSON 可加入 box、text、line、arc 装饰;children 规则可统一动态列表后续生成的控件。文字装饰不会替换传感器读数。每份最多 1100 条覆盖/装饰,二进制最大 54 KiB。

03 / 校验并下载

编辑整份页面配置

页面目录由真实 LVGL 控件导出。本页负责编辑、校验和下载,不把网页示意图当作固件效果。修改后的实际画面可用项目模拟器读取同一份 .uit 生成全界面截图,再导入仪表验收。

单份替换,重启加载

下载完成后连接仪表热点,在设备管理页的“界面主题”导入 .uit,保存成功后重启。每块仪表独立导入,只有一份活动配置。文件校验或内存检查失败时保留原配置。