下载手机 APP

【开发日志】《无界法则》——背包 UI 终于定稿了

4 小时前17 次播放综合

手搓的背包界面，终于算是还原了，不对还有底部一点工作。
今天干了啥

一句话：跟背包 UI 死磕了一整天，终于收工。

从早上打开 TRAE，到晚上看到这张截图，中间经历了：

格子间距反复调（8 → 1 → 0 → 1）
外发光问题（切图含发光 → 间距虚大 → 重切图）
三端居中（PC / 手机 / 平板各偏各的）
分栏标签对不齐
货币栏数字不显示（字体没注册）
数字换行（paddingLeft 太大）
数字右对齐（space-between）

每一步都是 1px、2px 的拉锯战。

今天的核心成果

模块	状态
背包主面板	✅ 定稿
分栏标签	✅ 5 个，选中态 + 文字图
分割线	✅ 带菱形装饰
格子区	✅ 6×5，60×62，间距 1
金币栏	✅ 图标 + 数字右对齐
钻石栏	✅ 图标 + 数字右对齐
底部按钮	✅ X / 翻页 / 分 / 整
色调统一	✅ 跟怪物素材一致

今天踩的坑

坑	教训
外发光占间距	切图只切本体，不要外发光
手算坐标偏位	能用 Yoga flex 就别手算
字体没注册	新字体要先在 main.lua 注册
数字太长换行	给 Label 设宽度或缩小字号
改代码没构建	改完必须构建，否则预览还是旧版本

今天最感动的一刻

晚上看到截图的那一刻——从早上一个"偏位"的面板，到晚上这个完整的、有质感的背包界面。

每一像素都是自己抠出来的。
#TapTap制造 #开发日志 #我的首个TapTap制造游戏 #无界法则 #游戏推荐

TapTap 制造应用

9.8