Baka 中文文档 下载 App

平板大屏 UI 适配——横屏、多列、分屏全支持

大屏的优势

相比手机的 6~7 英寸屏幕,平板(通常 10~13 英寸)在追番时有明显优势:

Baka 的 Flutter 框架天然支持响应式布局,平板上会自动切换到大屏模式。

自动响应式布局

Baka 会根据屏幕宽度自动调整布局:

屏幕宽度布局模式说明
< 600px(手机)单列传统移动端布局
600~1000px(大屏手机/小平板)双列网格封面 2 列显示
1000~1440px(平板)多列网格 + 侧栏3~4 列封面,抽屉导航
> 1440px(大平板/桌面)侧栏导航 + 多列网格侧栏固定,内容区 4~6 列

主界面的大屏适配

侧栏导航

大屏下导航从底部标签栏改为左侧固定侧栏:

┌──────┬────────────────────────────┐
│  Logo │ 搜索框(占满内容区)        │
│      │                            │
│  首页 │  番剧封面网格(4~6 列)     │
│  搜索 │                            │
│  收藏 │                            │
│  下载 │                            │
│  设置 │                            │
│      │                            │
└──────┴────────────────────────────┘

优势:

封面网格

大屏下封面会以更大的网格展示:

每个封面卡片也会更大,显示更多文字信息(番剧名、集数、更新时间等)。

播放界面的大屏优化

全屏沉浸式体验

平板全屏播放时:

分屏多任务

iPadOS:Baka 支持 Slide Over 和 Split View,可以同时:

Android 平板:大多数支持分屏模式,Baka 可以在半屏或自由窗口模式下运行。

触发方式:从屏幕边缘滑入分屏,或在多任务界面长按 Baka 图标选择"分屏"。

外接显示器

平板还可以外接显示器使用:

外接键盘与触控板

完整快捷键支持

接了键盘后,平板上的 Baka 快捷键与桌面版一致:

快捷键功能
Space播放/暂停
← →快进/快退
Page Up/Down上/下一集
J # V字幕/音轨切换
Ctrl + F搜索
Ctrl + 1/2/3侧栏导航切换

触控板手势

部分平板支持触控板(如 iPad Magic Keyboard):

平板 vs 手机的体验差异

维度手机平板
导航底部标签栏侧栏(大屏)
封面展示2~3 列4~6 列
播放全屏独占可分屏多任务
键盘虚拟键盘外接物理键盘
投屏常用大屏本身已经够大,但投到电视也方便
同步与平板自动同步与手机自动同步

大屏适配的局限性

部分功能在大屏上可能存在差异:

这些限制更多来自操作系统而非 Baka 本身,随系统更新会逐步改善。