27 lines
2.5 KiB
Markdown
27 lines
2.5 KiB
Markdown
## [已处理] 2026-10-20 | K50-A 开屏页动画（FruitShorts 品牌呈现）+ 新图标接入校验（仅 App 端）
|
||
|
||
**用户指令（2026-10-20，原文）**：
|
||
> 「1现在改下app 图标 要表现出来水果短剧 可以放一个果篮 里面有各种水果 要有视频元素 2还有开屏页 要有动画体现出水果短剧 FruitShorts」
|
||
|
||
**当前进度（图标资源已由 Trae 生成并替换，不要覆盖）**
|
||
- 新图标：暖橙渐变底 + 编织果篮（橙子、苹果、葡萄）+ 白色圆形播放键；
|
||
- 已替换：`android/.../mipmap-*/ic_launcher.png`、`drawable-*/ic_launcher_foreground.png`、`drawable-*/splash_icon.png`、`assets/icon/fruitshorts.png`(1024)、`assets/icon/splash_mark.png`(512)、iOS `AppIcon.appiconset/*.png`；
|
||
- 自适应图标背景色 `values/colors.xml` 的 `ic_launcher_background` 已改为 `#FFF1E5`。
|
||
|
||
**本次只做开屏动画（`lib/pages/splash/splash_page.dart`）**
|
||
1. 背景改为深暖色 `#100C0A`（与原生 `splash_background` 一致，避免原生开屏 → Flutter 白闪）；状态栏内容浅色。
|
||
2. 动画（总时长约 1200ms，`AnimationController` + CurvedAnimation）：
|
||
- 0–500ms：`splash_mark.png` 从 0.86 缩放到 1.0，opacity 0→1（`Curves.easeOutBack`），画布 96×96、圆角 24、带柔光（主色 0x33FF7A1A 径向渐变 + blur 40）；
|
||
- 150–650ms：品牌名 `FruitShorts`（28 号 w900 白色，Outfit）从下方 12px 滑入 + 淡入；Key `splash-brand`；
|
||
- 300–800ms：中文标语「水果短剧」（13 号 white70，字距 4），Key `splash-tagline`；
|
||
- 500–1000ms：底部 22×22 主题色 `CircularProgressIndicator`（Key `splash-loading`）淡入，保持现有加载语义；
|
||
- 可选：背景两团极淡暖色光斑做缓慢呼吸（4s 循环，透明度 ≤0.08）。
|
||
3. 页面 Key `splash-screen` 保留；不使用第三方动画库；动画不可无限阻塞首帧，`HomePage` 数据就绪后正常替换。
|
||
4. 不修改图标 PNG 与 colors.xml；如发现自适应图标前景比例异常，只允许调整 `ic_launcher.xml` 的 inset（16% → 20%），不改图。
|
||
|
||
**测试/门禁**
|
||
- 新增：`splash-brand`、`splash-tagline`、`splash-loading` 存在；动画推进 1200ms 后 opacity 均为 1；
|
||
- `dart analyze lib test` 零告警 + `flutter test` 全过 + `flutter build apk --debug`。
|
||
|
||
**流程**：从 `develop` 拉 `feature/flutter-k50-splash-animation`；作者 `Zhou Weidong <502333560@qq.com>`；`--no-ff` 合回 develop 并 push；PROGRESS 留痕；真机验收由用户执行（安装后看桌面图标 + 开屏动画）。
|