Files
TPSchedule/docs/superpowers/specs/2026-10-28-dock-tablet-design.md

1.8 KiB

Dock 弹性与 Android 平板适配

用户要求参考本地视频 20261028-104403.mp4:点按和拖动均有弹性落位,拖动滑块带动外层 Dock,玻璃下内容可辨,图标文字清楚;同时支持平板。沿用用户已授权直接执行的工作方式,不追加确认流程。

采用现有 Flutter 弹簧动画和实时背景折射,不引入浏览器或新玻璃组件库。相比整体放大变换,这样能通过实际布局更新玻璃区域,避免非等比变换造成采样坐标偏移;相比仅加大模糊,可保留背景颜色与轮廓。

  • 滑块:点按短促伸缩和轻微弹簧落位;连续点击从当前位置、速度接续;拖动仍放大,松手回弹,取消不换页。
  • 外层:按压与拖动引起小幅扩张,轻微向滑块所在侧延伸;文字和图标单独绘制,保持稳定清晰。静止仍为灰色滑块、浅白通透玻璃、蓝色图标白光。高度保持紧凑。
  • 无障碍:减少动态效果时直接落位,不播放放大、抖动或外层形变。
  • 平板:根据当前窗口宽度适配,兼容横竖屏和分屏。宽度不足600逻辑像素维持手机布局;宽屏课表最多1440,考试/个人页最多840,设置/反馈最多760,居中留边。课表保持七天同屏,并在宽列增大课程和时间文字。Dock 平板宽300、高58,手机264×58;不添加侧栏。
  • Android 沿用可旋转/可调整大小的默认 Activity,不改变签名、权限、包名及持久化格式。不宣称已验证 iPad。

验证:点按弹性、快速反向点按、按住/拖动外层变化、取消、减弱动态效果;手机与800×1280、1280×800平板和分屏布局无溢出,七天可见,切页/周状态保留,设置/反馈可用;完整测试、分析、正式签名APK和模拟器视觉检查。