feat(ncm): 复古UI重做 (agent-211, 按 NCM_UI_DESIGN.md) — 白红/黑红双套配色(ncm_palette+主题监听实时换肤); 主页红topbar+个人区+双页签(我创建的/我收藏的, is_collected/subscribed已补); 搜索页(cloudsearch,仅确认时发请求); 歌单详情封面头块+播放全部; 播放页黑胶唱盘(行扫圆+封面裁圆+唱针+分带刷新); 播放页tick分带刷新修整页重绘隐患
ncm→90a25cf0; 0 warning; 宿主14张双主题截图目检+core测试全过
This commit is contained in:
MeowOS committed
1 parent
4cec476dd9
commit
8964cd1750
33 files changed
+1333
-320
No files matched your search
@@ -552,3 +552,117 @@ bcfd75e5eb872a751c166c456eea0184 bench/verify_fixes.c f6bd765a374effaf866784c3
|
||||
- **`g_st.songs[]/song_count` 由 playlist worker 写、play/IPC 线程读（§10.9 FM4 旧已知风险）**：入播放页仍在同歌单，竞态窗口极小；沿用未加锁（与项目现状一致）。
|
||||
- **真机真实请求计数**：本批新增 ~20 次（detail_probe 抓样 1 次（5 请求，样本落盘）+ song_probe 1 + app_path_probe 2 + verify_fixes 2 次 11 + 启动验证 2）。已尽量「一次请求存样本、离线重放」，但修复前后复验需真实响应，属必要开销。
|
||||
- **未动 sdk/、meow_launcherd/、vendor/，未 commit/push/刷机，未动设备系统/恢复区。**
|
||||
|
||||
---
|
||||
|
||||
## 11. 网易云 UI 重做（按 NCM_UI_DESIGN.md，2026-08-31）—— 双套配色 / 黑胶播放页 / 质感
|
||||
|
||||
> 依据 `devdocs/plan/NCM_UI_DESIGN.md` 将 App 从「文件管理器列表风」重做为**网易云风格**：
|
||||
> 白红/黑红双套配色、主页双页签「我创建的/我收藏的」、独立搜索页、歌单详情封面头块+「播放全部」、
|
||||
> 播放页黑胶唱盘（fill_rect 行扫构造圆 + 方盖内切裁圆封面 + 唱针）。仅改动 `patch_v2/ncm_app/`。
|
||||
> 未动 sdk/、meow_launcherd/、vendor/；未 commit/push/刷机。
|
||||
|
||||
### 11.1 双套配色机制（§3.1/§3.3）
|
||||
|
||||
- **新增 `app/ui/ncm_colors.c`**：`ncm_pal_t{ncm_palette(dark)}` 两套 App 调色板（白红 / 黑红 +
|
||||
播放页/登录专属色）+ `g_dark` 全局 + `ncm_on_theme(mode)` 主题侦听。
|
||||
- 品牌红走 App 侧（SDK 全局 primary 是 MD3 蓝，App 无权改——红只落 App 自绘层）。
|
||||
- 中性色（surface/onSurface/onSurfaceVariant/outlineVariant/error）一律 `meow_theme_get()`；
|
||||
**全程语义色 + App 调色板，零硬编码散落**（§3.1 契约）。
|
||||
- **`app/app.c`**：`meow_theme_add_listener(ncm_on_theme)`（旧代码传 NULL 无效）+ 启动同步
|
||||
`g_dark = (meow_theme_get_mode()==MEOW_THEME_DARK)`。系统明暗切换 → `ncm_on_theme` → 整 App 重绘实时换肤。
|
||||
- 色值（§3.2）：day red `#C20C0C` / red_lit `#EC4141` / red_ctr `#FBE9E9`；
|
||||
night red `#EC4141` / red_lit `#FF6A6A` / red_ctr `#3A1919`；登录 hero night `#7A0E0E`；
|
||||
播放页底 day `#FFFDF9` / night `#0C0D10`；盘体 day `#1A1A1A` / night `#141414`。
|
||||
验证（宿主抽样像素）：day 组头红条 `(198,12,8)`≈`#C20C0C`，night `(239,65,66)`≈`#EC4141`。✅
|
||||
|
||||
### 11.2 数据层（§7.0 明示缺口）
|
||||
|
||||
- `core/ncm_api.h`：`ncm_playlist_t` 增 **`int is_collected;`**（1=收藏的/订阅他人，0=自己创建）。
|
||||
- `core/ncm_api.c`：`ncm_api_user_playlist` 解析响应 **`subscribed`**（`obj_bool`）写入 `is_collected`，
|
||||
支撑「我创建的/我收藏的」分组（原实现只取 id/name/coverImgUrl/trackCount）。
|
||||
- `core/ncm_api.h/.c`：新增 **`ncm_api_cloudsearch`**（weapi `/api/cloudsearch/pc`，type=1 单曲），
|
||||
解析 `result.songs[]`（id 用 int64/name/ar[0]/al/dt），关键词 `"` `\` 转义防坏 JSON。
|
||||
|
||||
### 11.3 页面改动
|
||||
|
||||
- **登录页**（`ui/login.c`）：品牌红 hero 带（y=0 起，沉浸式）+ 红点 logo + 「网易云音乐/扫码登录」
|
||||
标题区 + QR 卡（圆角 16 白底/surfaceContainer + 内描边）+ 状态字（day red/night red_lit）+ 底部提示。
|
||||
- **主页**（`ui/home.c`）：红系 topbar（标题「我的音乐」+ 刷新/设置/搜索动作，搜索按钮最右）+
|
||||
**个人区卡片**（首字圆形头像 red_ctr + 昵称 + ID + 箭头）+ **双页签「我创建的/我收藏的」**
|
||||
（`meow_tabbar`，红下划线/红选中字叠层注入）+ **组头红条**（red_ctr 底 + 红字 + 红侧条）+
|
||||
歌单列表（rounded card 行 + 红 mini-vinyl 缩略 + 红色按压竖条）；列表数据源按 `is_collected` 过滤分组。
|
||||
- `MEOW_LIST_SEL_NONE` + 自定义红态叠层（§4.2：SDK listview MD3 蓝选中不可改，改叠红条）。
|
||||
- **保留 home_worker 后台异步加载**（§10.11 P1 修复），未回退成同步。
|
||||
- **搜索页**（`ui/search.c` 新增，`ACT_SEARCH`）：TextField（SDK IME，仅英文/数字）+ **红色「搜索」确认钮** +
|
||||
结果列表（点击可播，复用 `g_st.songs[]` 作为当前播放上下文）。**风控纪律**：搜索只在用户点「搜索」钮时发
|
||||
（进入页面不自动搜索、不逐键发请求）；网络走后台 worker（search_worker）。
|
||||
- **歌单详情**（`ui/playlist.c`）：封面头块（圆角封面/占位 + 歌单名 + 「创建者 · N 首」）+ 操作条
|
||||
（**红色「播放全部」** FILLED + 「收藏」OUTLINED(v1 置灰→snack) + 「评论」红字+红badge(v1 置灰→snack)）+
|
||||
曲目列表（歌名 + 歌手·专辑 副标题）；保留了 §10.11 的后台 `playlist_worker`。
|
||||
- **播放页**（`ui/player.c`）：**黑胶唱盘**（`fill_rect` 行扫构造圆盘 + 环槽减淡 + 方盖内切圆 +
|
||||
**四角把「圆外-方外」盖回盘色 → 封面成圆**，§5.1 技巧）+ **唱针**（3px 唱臂 + 端头，
|
||||
播放压盘/暂停微抬 6px）+ 高光弧 + 进度条（已播红）+ prev/play/next 控制钮（play 红）+ 滚动歌词
|
||||
（当前行红高亮居中，裁剪到歌词带）+ 竖/横布局可切（沿用 player_set_screen）。
|
||||
- **恒沉浸**：播放页底 day 瓷白 `#FFFDF9` / night 近黑 `#0C0D10`，不随系统明暗整体反转；accent
|
||||
（进度红/play 钮/歌词高亮）日夜换红明暗（day `#C20C0C` / night `#EC4141`，§5.4）。
|
||||
- **设置页**（`ui/settings.c`）：4 行卡片（音质/缓存上限/退出登录/关于）+ 分组说明；退出登录用 error 色；
|
||||
音质/缓存 → BottomSheet；退出 → confirm；关于 → snack。行圆角 12，语义色。
|
||||
- **chrome.c**：`ncm_draw_empty` kind 大字改品牌红；页脚 dim。
|
||||
|
||||
### 11.4 性能（§6 专项）
|
||||
|
||||
- **播放页分带刷新**：内容拆「盘带 `g_disc_r`」+「动态带 `g_dyn_r`」两个绘制物，bbox 互不重叠。
|
||||
`player_tick` **只标脏变化的那一条带**——进度/歌词/时间只刷动态带，盘带仅 歌曲/封面/播停态 变化才重画
|
||||
（修原 `player_tick` 每 tick 刷整 `r_cont` 的隐患，§6.1/§6.2）。
|
||||
- 黑胶圆盘仅 封面/状态变化 时重画；歌词行裁剪到歌词带（自定义绘制物不按 bbox 裁剪，防溢出叠控制钮）。
|
||||
- 封面限幅沿用（`NCM_COVER_MAX=288KB`，单张）；搜索结果上限 `NCM_SEARCH_MAX=32`（无大缓冲，§6.7）。
|
||||
|
||||
### 11.5 验证记录（宿主 + mipsel）
|
||||
|
||||
- **宿主离屏 `MEOW_UI_DUMP` 双套配色各截一轮**：7 页 × 2 主题 = 14 张
|
||||
`app/out/shots/{login,home,playlist,player,lands,settings,search}_{dark,light}.png`（PPM→PNG）。
|
||||
- 红色抽样：day `#C20C0C`（组头红条）、night `#EC4141` 均正确；播放页恒沉浸（瓷白/近黑）✅。
|
||||
- 黑胶盘/唱针/封面裁圆/进度/控制/歌词居中 目检正确 ✅；主页双页签、个人卡、组头红条、红缩略 ✅。
|
||||
- **`test/test_ncm_core_host` 全 PASS**（无回归）；**`out/test_ncm_core_mipsel`（qemu）全 PASS**。
|
||||
- **mipsel `build_ncm.sh` 自有代码 `-Wall -Wextra` 0 warning**；`ncm` 静态，text 803084 / data 824 / bss 928356。
|
||||
- **qemu-mipsel 冒烟** `timeout 10 qemu-mipsel ./ncm`：`start`→`ipc: no launcher socket`(优雅)→登录页
|
||||
unikey 重试(rc=-5 无 CA，预期)→`exit` 干净退出，无崩溃。
|
||||
- 未做（诚实）：真机搜索/歌单请求仅留最少验证或不打（风控约束）；未真机扫码/播放出声（用户联调项）。
|
||||
- **真机部署未执行**：本机无可达设备主机（`meowos.local` 不解析；ssh 无设备别名/IP，WORK_STATE 亦标注
|
||||
热点组播不通）。二进制已就绪（md5 `90a25cf0c193fd965d6685fb099bacb7`），部署命令留用户执行：
|
||||
`scp ncm root@<device-ip>:/usr/data/mnt/sd_0/MeowAPPs/os.meow.ncm/ncm.new && ssh root@<device-ip> 'mv /usr/data/mnt/sd_0/MeowAPPs/os.meow.ncm/ncm.new /usr/data/mnt/sd_0/MeowAPPs/os.meow.ncm/ncm'`（先 .new 再 mv）。
|
||||
|
||||
### 11.6 md5（自有源码 + 二进制）
|
||||
|
||||
```
|
||||
90a25cf0c193fd965d6685fb099bacb7 ncm # mipsel 静态 App（新）
|
||||
c2921983e878ce0cefe1f279f6d16d3f app/app.c 8585677b732420ead899c34d07823a05 app/ncm_app_internal.h
|
||||
359ad93833d3ef1914c97da28d249d09 app/ui/login.c 970e4ec732036ae8d8de137c960863c4 app/ui/home.c
|
||||
ac9e1585e96b1a1a336cbbc9a82a8c86 app/ui/playlist.c 3023fb024ea096e458b52fb4255db709 app/ui/player.c
|
||||
c4f6cd8569d6ddc4dd15d4111752ed77 app/ui/settings.c ba78835b3fbe6166bbe39f2e9ea9041a app/ui/search.c
|
||||
54f10365ed640130ee33fba2e674b547 app/ui/ncm_colors.c aa93822cd735f3912556df6a301a3580 app/ui/chrome.c
|
||||
94d10237c1aa73f7273f82ff319792f5 app/logic/appstate.c 539252a2ea6a6a675f94356898176b99 core/ncm_api.h
|
||||
1c1c05b2fada19c40e8a83a2742afbd7 core/ncm_api.c 30ab44e6f6cbc8b07eb477e7b8ee82a3 build_ncm.sh
|
||||
71ed280698b67cba76a90d19a43f8458 build_ncm_host.sh 2a9663abe58609fafcc22949b8e8771c app/test/test_ncm_app.c
|
||||
```
|
||||
|
||||
> 注：`app/logic/appstate.c` 本批未改（md5 未变 `94d10237...`）；`build_ncm_host.sh` 因补链 SDK
|
||||
> `meow_ui_nav/meow_ui_media/meow_notify_ipc` 而更新（宿主 SDK 源后来新增这些文件，原脚本缺链导致
|
||||
> `meow_notify_ipc_notif_open` 未定义；属构建脚本适配，非 SDK 改动）。
|
||||
|
||||
### 11.7 出入清单（只改 `patch_v2/ncm_app/`）
|
||||
|
||||
```
|
||||
新增：
|
||||
app/ui/ncm_colors.c # ncm_palette/g_dark/ncm_on_theme/ncm_fill_round/ncm_draw_button/first_glyph/ncm_text_fit
|
||||
app/ui/search.c # 搜索页（IME + cloudsearch + 结果列表）
|
||||
修改：
|
||||
app/ncm_app_internal.h # ncm_pal_t/g_dark/ACT_SEARCH/搜索状态/新页声明/调色板助手声明
|
||||
app/app.c # 主题侦听 + search 页建/路由
|
||||
app/ui/{login,home,playlist,player,settings,chrome}.c # 重做/重着色
|
||||
core/ncm_api.h/.c # is_collected(§7.0) + ncm_api_cloudsearch
|
||||
app/test/test_ncm_app.c # is_collected mock + NCM_THEME 双主题 + search mock
|
||||
build_ncm.sh / build_ncm_host.sh# 源列表加 search/ncm_colors；host 补链 SDK nav/media/notify_ipc
|
||||
（核心库 §9 其余、vendor/、sdk/、meow_launcherd/ 未动；未 commit/push/刷机）
|
||||
```
|
||||
Reference in new issue
Block a user