Skip to content

播放器顶部添加状态栏#1990

Open
LiggMax wants to merge 4 commits into
Predidit:mainfrom
LiggMax:player-status-bar
Open

播放器顶部添加状态栏#1990
LiggMax wants to merge 4 commits into
Predidit:mainfrom
LiggMax:player-status-bar

Conversation

@LiggMax
Copy link
Copy Markdown
Contributor

@LiggMax LiggMax commented Apr 20, 2026

播放器全屏时在顶部显示设备时间、网络状态图标、电池状态图标(android、ios)

  • lib/bean/widget/battery_status_icon.dart (电池状态图标组件)
  • lib/bean/widget/network_status_icon.dart (网络状态图标组件)
image 59d50ad82961b676b90bf53c880ed00d fe5e5cb61a9b38ef75788d9a415e680f

LiggMax added 3 commits April 21, 2026 01:42
- 播放器全屏时显示设备时间、网络状态信息
- 新增 BatteryStatusIcon 组件显示设备电池状态
- 新增 NetworkStatusIcon 组件显示网络连接状态
- 在播放器顶部状态栏集成时间、网络和电池状态显示
- 优化时钟更新逻辑使用 StreamController 管理
- 将电池状态图标的默认大小从 18 调整为 20
- 将播放器项目面板的水平内边距从 12 调整为 18
@Predidit
Copy link
Copy Markdown
Owner

虽然总体UI/UX思路和B站是一致的,但是总觉得看上去有些奇怪:D

大小和间距的问题吗

@LiggMax
Copy link
Copy Markdown
Contributor Author

LiggMax commented Apr 21, 2026

虽然总体UI/UX思路和B站是一致的,但是总觉得看上去有些奇怪:D

大小和间距的问题吗

是不是顶部的状态栏和标题栏间上下距大了些

- 将标题栏按钮从IconButton替换为Tooltip和InkWell组件减少IconButton按钮自带的内边距
@LiggMax
Copy link
Copy Markdown
Contributor Author

LiggMax commented Apr 21, 2026

将标题栏IconButton替换为Tooltip和InkWell组件优化顶部状态栏和标题栏的上下间隔

移动端

image 4870ac637c0a579df138a4641bcafcee a2fbe849ae00460b3283038b74a51ec8

桌面端

image

@Predidit
Copy link
Copy Markdown
Owner

还是很奇怪,稍后我来测试一下

此外感觉这个功能只在移动端有意义,在桌面端缺乏价值

@LiggMax
Copy link
Copy Markdown
Contributor Author

LiggMax commented Apr 21, 2026

还是很奇怪,稍后我来测试一下

此外感觉这个功能只在移动端有意义,在桌面端缺乏价值

的确在大多数桌面端流媒体平台上没有显示这些信息

@LYQ-Dev
Copy link
Copy Markdown

LYQ-Dev commented May 10, 2026

刚想自己添加一个发现有大佬已经做了= ̄ω ̄=,个人以为移动端显示还是挺有意义的

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants