队列与歌单海报墙

• 1
  格子大小由位置决定它不看播放量，也不按歌曲 id 随机。墙由 12×8 单元的块组成，每块有 12 个位；队列第 i 首坐第 i 个位，大小就是那个位的大小。最小的格是 2×2。
• 2
  四个手画模板 × 四种镜像模板按块坐标线性步进（(列 + 行×2) mod 4），相邻块一定不同；镜像按块坐标哈希，整面墙看不出周期。
• 3
  无限平铺ceil(N/12) 个块组成一个偏横向的重复单元，向四周无限平铺，空出来的位从队列开头接着填。
• 4
  放大只动一个块点一格不会直接播放，而是让它长成 6×6，同块其余 11 格换成预先算好的精确铺法，挑位移最小的那种。
• 5
  切歌跟随切到下一首时，选离视口中心最近的那一份放大，镜头 0.42s 滑过去。另有一个“定位正在播放”按钮。
• 6
  为性能做的取舍只渲染视口加 500 单位外扩范围内的格，最多 400 个；镜头平移直接写 transform，并对齐到整像素；故意不用 will-change，序号徽标也不加背景模糊。

1. 1
   正在播放 · 有歌词封面模糊后压 62% 的 surface 色。顶部是“正在播放 · 03”标签（primaryContainer，带三根跳动的条），下面是歌名和歌手。中间是歌词，底部是控件。
2. 2
   正在播放 · 没有歌词封面不模糊，压暗减半；歌词区换成放大的歌名。纯音乐和取不到歌词的歌都是这个样子。
3. 3
   别的歌封面清晰。左上角是“第 07 首 · 来源”，底部是 60dp 的大标题（手机 34dp），下面一排“播放 / 下一首播放 / 更多”。点“播放”就从这首开始，队列顺序不变。

• 1
  队列面板标题栏“播放队列”面板右上角加一个海报墙按钮（网格图标）。三端都有，这是主入口。
• 2
  播放页“更多”菜单浮动工具栏的“更多”里加一项“海报墙”。电视的控制坞同理。
• 3
  迷你播放器（可选）设置 › 播放页 › “点按迷你播放器打开”：播放页（默认）/ 海报墙。
• 4
  歌单 / 专辑 / 榜单详情顶栏右侧加“海报视图”按钮（手机）；平板和电视加在左栏操作区。详见下一节。

墙内设置在队列和详情页之间共用一份。以上和播放页的几项设置一样，只存在本机，不进同步文件。墙内面板在手机上是底部弹出，平板上是 380dp 侧板，电视上是右侧面板，都用现有的 AdaptiveSheet。

1. 1
   怎么切换手机在顶栏右侧加一个“海报视图”图标按钮（操作行已经放了播放全部、收藏、多选，挤不下）；平板和电视加在左栏的操作区。海报视图里，工具栏最右侧的列表图标切回来。选择记在 collection_view 里，下次打开任何详情页都沿用。
2. 2
   刚打开、这张歌单没在放不放大任何格子，镜头对准第一块，01 在左上附近；配色取歌单封面。原来的头部（大封面、标题、播放全部）收成两样：顶部胶囊写标题和“歌单 · 网易云 · 30 首”，底部一条浮动工具栏放 播放全部 / 随机 / 收藏 / 定位 / 列表 / 设置。
3. 3
   开始播放之后点“播放全部”、“随机”，或者在某首的大卡上点“播放”，队列换成这张歌单（和列表里点一行的行为一样），这首放大成正在播放的大卡，之后和队列墙一样跟着切歌走。
4. 4
   正在放的歌就在这张歌单里例如从这张歌单播放后又回到详情页：一进来就把那首放大并居中，跟队列墙打开时一样。判断依据是当前歌曲的 key 在这张歌单里，不要求队列就是这张歌单。

1. 1
   为什么不能循环循环会把已经听过的歌排到正在放的这首后面，看起来像接下来要放，可接下来放什么，服务端还没给。另外重复单元的形状由首数决定（ceil(N/12) 块，列数按平方根取整）：续一批，单元可能从 2 列变成 3 列，整面墙的格子全部换人，大卡那一份也会跳到别处。
2. 2
   排成一条带子块按列排成固定高度的带子：手机 2 块高，平板和电视 1 块高，都正好盖住一屏，往右一直长。第 i 首仍然坐第 i 个位，模板和镜像仍由块坐标决定，所以续上来的歌只会填进后面的位，墙上已有的格子一个都不动。
3. 3
   队尾的占位格已出的歌后面接 18 个占位格，逐格变淡，看得出墙还在往前长。续取中占位格上走一道微光；新的一批到了，占位格就地翻成封面，按入场的波依次落下。续取失败就停在占位格，不弹错，和现在的续流逻辑一致。
4. 4
   镜头有边拖动限制在带子里：上下不出带子，左边到第一块，右边到最后一个占位格，甩动碰边就停。切歌跟随时镜头往前挪一两格，像时间线在走。电视空闲漂移碰到边就掉头，主要沿着带子横着漂。