docs(plans): 留痕 K82 右侧互动栏图标升级

This commit is contained in:
Zhou Weidong authored and jianghaifeng committed 2026-10-21 10:53:06 +08:00
1 parent 530da2b1b4
commit 4c20c82f96
2 files changed
+58 -21

No files matched your search

+28 -21
View File
@@ -1,40 +1,47 @@
# INBOX
## [已处理] K81-A 更多面板文字减重、标签缩小
## [已处理] K82-A 右侧互动栏图标按参考图替换并放大
### 反馈
### 需求
K80-A 重做后文字偏粗,「倍速」「清晰度」等标签偏大。
首页 feed / 全屏播放页右侧的「收藏 / 评论 / 喜欢 / 分享」与参考图不一致:
当前是深色圆形底 + 24px 线性图标;参考图为**无底色的大号白色图标**(星形实心、气泡描边、心形实心、弯向右的分享箭头),
下方的计数/文字也略大。
### 调整(只改字号与字重,布局尺寸不变)
### 改动
`lib/pages/player/widgets/player_more_sheet.dart`:
1. 行标签(选项行与操作行统一)
- `_rowLabelSize`:`16` → `15`
- `FontWeight.w600` → `FontWeight.w500`
2. 选项胶囊文字
- 字号 `14` → `13`
- 选中:`FontWeight.w700` → `FontWeight.w600`
- 未选中:`FontWeight.w500` → `FontWeight.w400`
行高 56、图标 22、胶囊高度 26 / 外层条 34、分组卡片样式均保持不变。
1. `lib/pages/player/widgets/interaction_rail.dart`
- 删除深色圆底:`_buttonBackground` 与 `IconButton.styleFrom(backgroundColor: …)` 一并移除,按钮背景透明
- 图标尺寸 `_iconSize`:`24` → `30`
- 点击区域 `_buttonSize`:`34` → `44`(保证可点,视觉上不出现底色)
- 项间距 `_itemGap`:`18` → `22`
- 计数/标签字号:`11` → `12`,仍为白色 + 黑色阴影
- `InteractionRailItem` 新增 `mirrorIcon`(默认 `false`):
为 `true` 时用 `Transform.flip(flipX: true, …)` 包裹图标,用于把左弯分享箭头镜像成右弯
2. 图标替换(两处:`home_feed_overlay.dart` 与 `player_overlay.dart`)
- 收藏:`Icons.star_border_rounded` / `Icons.star_rounded` → 统一实心 `Icons.star_rounded`(选中态靠主题色区分)
- 评论:保持 `Icons.chat_bubble_outline_rounded` / `Icons.chat_bubble_rounded`
- 喜欢:`Icons.favorite_border_rounded` / `Icons.favorite_rounded` → 统一实心 `Icons.favorite_rounded`
- 分享:`Icons.ios_share_rounded` → `Icons.reply_rounded` 且 `mirrorIcon: true`(右弯箭头,接近参考图)
3. 选中态颜色维持现状:未选中白色、选中 `AppColors.blue`
### 测试
- 若 `test/player/player_more_sheet_test.dart` / `player_fullscreen_test.dart` 断言了字号或字重,同步更新;
未断言则不改测试
- 现有按 Key 的点击/计数用例必须继续通过(Key 不变)
- 若有用例断言 `Icons.ios_share_rounded`、`star_border_rounded`、`favorite_border_rounded`,
同步改为新图标;新增一条断言:分享项图标为 `Icons.reply_rounded`
### 验收
- 门禁:`dart analyze lib test` 零告警、`flutter test` 全过、`flutter build apk --debug` 成功。
- 真机自查:右侧无深色圆底,四个白色图标明显变大,分享为弯向右的箭头;计数在图标下方居中。
### Git
- 从 `develop` 拉 `fix/player-more-typography`。
- 提交:`fix(player): 更多面板文字减重并缩小标签`,作者 `Zhou Weidong <502333560@qq.com>`。
- `--no-ff` 合回 `develop` 并 push;`FruitServer/docs/plans/PROGRESS.md` 追加 K81-A 留痕。
- 从 `develop` 拉 `feat/rail-icons-refresh`。
- 提交:`feat(player): 右侧互动栏图标按参考图替换并放大`,作者 `Zhou Weidong <502333560@qq.com>`。
- `--no-ff` 合回 `develop` 并 push;`FruitServer/docs/plans/PROGRESS.md` 追加 K82-A 留痕。
### 约束
- 全程中文;禁止 `git add -A`;只改字号与字重;完成后停住等待验收。
- 全程中文;禁止 `git add -A`;不改互动逻辑与 Key;完成后停住等待验收。
+30
View File
@@ -22825,3 +22825,33 @@ Running Gradle task 'assembleDebug'...
```
解读:静态检查零告警,489 条测试全部通过,debug APK 构建成功。真机验收由用户执行。
## 2026-10-21 ReelShort:K82-A 右侧互动栏图标替换与放大
- 前置状态:K81-A 已完成并合并,develop 合并提交 `e6a31a6`。
- 分支:`feat/rail-icons-refresh`
- 功能提交:`4b1aea2 feat(player): 右侧互动栏图标按参考图替换并放大`
- develop 合并提交:`35de409 merge: 合并 K82-A 右侧互动栏图标升级`,已推送 `e6a31a6..35de409`。
- 删除互动项深色圆底,点击区域由 34 调整为 44,图标由 24 调整为 30,项间距由 18 调整为 22,标签字号由 11 调整为 12。
- `InteractionRailItem` 新增 `mirrorIcon`;首页 feed 与全屏播放页分享图标改为 `reply_rounded` 并横向镜像为右弯箭头。
- 收藏与喜欢统一使用实心 `star_rounded`、`favorite_rounded`,评论保持气泡描边图标,选中态颜色逻辑不变。
- 放大后的全屏互动栏起始位置适度上移,避免遮挡底部信息区与简介操作,所有 Key 与互动回调保持不变。
- 测试覆盖无背景、44 点击区、30 图标、分享箭头镜像、实心收藏/喜欢、气泡评论与 12 号标签。
门禁原始输出:
```text
$ dart analyze lib test
Analyzing lib, test...
No issues found!
$ flutter test
00:49 +490: All tests passed!
$ flutter build apk --debug
Running Gradle task 'assembleDebug'...
7.7s
✓ Built build/app/outputs/flutter-apk/app-debug.apk
```
解读:静态检查零告警,490 条测试全部通过,debug APK 构建成功。真机验收由用户执行。