3.8 KiB
3.8 KiB
INBOX
[已处理] K80-A 播放页「更多」面板按参考图重做
需求
当前更多面板:图标与文字大小不一致(选项行图标 18 / 文字 12,操作行图标 20 / 文字 14), 行高 44 偏矮,整体显得局促。按产品给的参考图重做:统一尺寸、加大行高、分组卡片、胶囊选中态。
参考图要点
- 顶部小把手,无标题、无关闭按钮
- 浅暖底 + 白色分组卡片(圆角)
- 每行:左侧线性图标 + 标签,右侧选项胶囊或右箭头
- 选项胶囊:外层浅色条(内边距 4),选中项为白色胶囊、深色加粗文字;未选中透明底、灰色文字
- 行高明显偏大,留白充足
现状
lib/pages/player/widgets/player_more_sheet.dart:
_rowHeight = 44、_segmentHeight = 28、_segmentRadius = 8、_segmentPadding = 10- 有
_header()("更多" + 关闭按钮) - 选项行:图标 18 / 文案 12;操作行:图标 20 / 文案 14
- 选中胶囊为主题色底 + 白字
重做规格
- 整体结构
Material底色用AppColors.ink(暖白),顶部圆角 20- 内容
padding: EdgeInsets.fromLTRB(12, 8, 12, 16) - 顶部把手:36×4、
AppColors.border、圆角 999,居中;与内容间距 12 - 删除
_header()(标题 + 关闭按钮),保留 keyplayer-more-drag-handle; 关闭方式沿用底部弹层的点外部 / 下拉手势
- 分组卡片
- 新增私有
_group(List<Widget> rows):Container白底AppColors.card、圆角 16、 上下 padding 6 - 分成两组:
- 组一:倍速、清晰度
- 组二:清屏播放、画中画(有则显示)、离线缓存
- 两组之间间距 12
- 新增私有
- 行样式(选项行与操作行统一)
- 行高 56,左右内边距 14
- 图标 22,颜色
AppColors.onSurface - 图标与文字间距 14
- 标签字号 16、
FontWeight.w600、AppColors.onSurface - 操作行右侧
chevron_right_rounded22,颜色AppColors.subtle
- 选项胶囊
- 外层条:高 34、圆角 10、底色
AppColors.raised、水平内边距 4 - 胶囊:高 26、水平内边距 10、圆角 8、字号 14
- 选中:底
AppColors.card、文字AppColors.onSurface、w700、 轻阴影BoxShadow(color: 0x14000000, blurRadius: 4, offset: Offset(0, 1)) - 未选中:透明底、
AppColors.muted、w500 - 禁用:文字
AppColors.subtle
- 选中:底
- 倍速 6 个选项放不下时保持横向滚动(沿用
SingleChildScrollView)
- 外层条:高 34、圆角 10、底色
- 保留所有现有 Key(
player-more-sheet、player-more-speed-row、player-more-speed-<值>、player-more-quality-<档位>、player-more-clear、player-more-pip、player-more-offline、player-more-speed、player-more-quality、player-more-drag-handle);player-more-close随关闭按钮一起移除
测试
test/player/player_more_sheet_test.dart、test/player/player_fullscreen_test.dart:- 删除对
player-more-close的点击与断言,改用Navigator.pop/ 点外部关闭的场景 - 行高断言更新为 56,胶囊高度断言更新为 26(外层条 34)
- 其余功能断言(选项点击、PiP 回调、离线缓存回调、顺序)保持
- 删除对
验收
- 门禁:
dart analyze lib test零告警、flutter test全过、flutter build apk --debug成功。 - 真机自查:更多面板行高舒适、图标与文字尺寸统一、选中胶囊为白底深字、分组留白接近参考图。
Git
- 从
develop拉feat/player-more-sheet-redesign。 - 提交:
feat(player): 更多面板按参考图重做,作者Zhou Weidong <502333560@qq.com>。 --no-ff合回develop并 push;FruitServer/docs/plans/PROGRESS.md追加 K80-A 留痕。
约束
- 全程中文;禁止
git add -A;不改面板功能项与播放逻辑;完成后停住等待验收。