平板侧边栏双栏布局 — 不是把手机界面拉伸到平板上
官方 App 在平板上的尴尬
你可能试过把官方 B 站 App 装在平板上横屏打开——大多数情况下就是手机界面被直接拉伸：
- 视频封面变成了长条
- 推荐流卡片间距变得非常宽
- 底部导航栏还是占一整条
- 大量屏幕空间被浪费
这是因为官方 App 主要针对手机竖屏设计，没有为平板做多窗或分栏布局。
BiliPai 的平板方案
BiliPai 检测到平板屏幕（最短边 ≥ 7 英寸）时，自动切换到侧边栏双栏布局：
| 区域 | 内容 | 占比 |
|---|---|---|
| 左栏 | 底部导航栏 + 当前模块的列表（视频列表、番剧列表、动态列表…） | 约 30% |
| 右栏 | 选中内容的详情页（视频详情、播放页、UP 主主页…） | 约 70% |
举例：在平板上看推荐流
- 左栏：首页推荐流，每个视频显示封面缩略图 + 标题 + UP 主
- 右栏：默认显示第一个视频的详情页
- 左栏上下滑动浏览其他视频 → 右栏实时切换显示对应的详情
- 想全屏播放 → 右栏视频详情页里点击播放，全屏后双栏暂时隐藏
举例：在平板上看 UP 主主页
- 左栏：UP 主的视频列表（全部视频）
- 右栏：默认显示 UP 主主页（头像、简介、粉丝数…）
- 点击左栏某个视频 → 右栏切换到该视频详情页
举例：番剧追番面板
- 左栏：追番列表（封面 + 番剧名 + 最新集）
- 右栏：选中番剧的详情页 + 选集面板
侧栏行为可调
在 设置 → 大屏适配 → 侧边栏行为 里可以调整：
| 选项 | 效果 |
|---|---|
| 默认展开 | 左栏侧栏始终可见（平板默认） |
| 默认收起 | 左栏收起到一个汉堡菜单图标，点击展开 |
| 跟随系统 | 跟随 Android 系统的大屏模式设置 |
也可以手动点击左栏边缘的拖柄来展开 / 收起。
为什么平板布局重要
平板和手机的核心差异是屏幕利用率——同样的界面在平板上只占了屏幕中央一小块，周围全是黑边或空白。BiliPai 的双栏布局让每一个像素都有内容显示：
- 浏览推荐流时能同时看到左侧列表和右侧详情
- 对比多个视频不用来回切换页面
- 大屏看番剧时选集面板一直挂在左边，不用切来切去
平板 vs 折叠屏 vs 手机
| 设备 | 默认布局 | 触发条件 |
|---|---|---|
| 手机竖屏 | 单栏（手机布局） | 最短边 < 7 英寸 |
| 平板横屏 | 双栏侧边栏 | 最短边 ≥ 7 英寸 + 横屏 |
| 折叠屏展开 | 自动检测并切换 | 内屏展开后最短边 ≥ 7 英寸 |
| 折叠屏折叠 | 手机布局 | 折叠后最短边 < 7 英寸 |
折叠屏的自动重排见下一页 折叠屏自动重排。
平板上的横屏播放
平板横屏全屏播放视频时：
- 侧边栏隐藏，沉浸式全屏
- 弹幕面板在下方（不挡画面）
- 进度条可上下分离，避免手指遮挡
- 右上角有"退出全屏返回双栏"按钮
已知问题
- 部分 8 英寸以下的小平板可能被识别为手机（最短边刚好卡在临界值）
- 部分国产平板的 DPI 设置会影响布局切换判断
- Android 11 及以下的大屏模式支持不够完善
如果你的平板没触发双栏布局，可以手动在设置里强制开启：设置 → 大屏适配 → 强制平板布局。