Skip to content

启幕 v2.0.2(图标换成官方 Material Symbols)

Latest

Choose a tag to compare

@Baimacao Baimacao released this 12 Oct 10:55

启幕 v2.0.2

修复 PC 端图标。安卓端功能无改动,本版主要是把图标整体换成官方图标集。


问题:右上角图标很奇怪

反馈很准确。实测发现两个图标路径本身就是坏的数据:

图标 问题
「切换明暗主题」 路径画出来的不是太阳,而是一个歪扭的锯齿星形 —— 该路径缺少规范尖角星形的对称性
「退出程序」的 × 手改过的叉号,左右不对称(4.6/6.4 与 6.4/4.6 的镜像关系错位)

更根本的问题是两套图标体系混用:一部分是标准 Material 形状,一部分是手改过的路径,视觉重量不统一。

修法:整体换成官方 Material Symbols Outlined

按你的建议采用官方图标库。数据来自 npm 包 @material-symbols/svg-400(官方 Material Symbols,outlined 变体),
只提取 path 数据内嵌进 HTML —— 项目仍是零运行时依赖。

30 个通用图标全部替换,覆盖:appbar、卡片标题、特性格、拖放区、欢迎页、完成页、消息提示。

位置 图标
右上角 help(教程)、close(退出)
卡片 desktop_windows、crop_free、schedule、sync_alt、grid_view、movie_edit、folder、view_column、movie
操作 split、play_arrow、chevron_right、check、upload、layers
状态 info、warning、check_circle、verified_user、power_settings_new

保留品牌 logo 不动 —— 它是「启幕」的标识,必须与安卓应用图标同形,不属于通用图标体系。

顺带移除了一个失效功能

「切换明暗主题」按钮实际已经无效:applyTheme() 会设置 data-theme 属性,
但瑞士风格改成单主题后,CSS 里的 :root[data-theme="light"] 规则已被删除(实测 grep 为零),
所以点击它没有任何视觉变化。

已连同按钮、applyTheme()、state.theme 持久化一并删除 —— 而不是留一个无效果的控件。


验证情况

套件 结果
PC 后端端到端 109 / 109
PC 界面全流程 58 / 58,控制台零错误
PC 动效 15 / 15
安卓 APK 静态 114 / 114(新增 9 项图标/死代码断言)
安卓包解析逻辑 31 / 31
安卓制作核心 63 / 63

断言总计 390 项,0 失败。

图标改动做了浏览器实测(不是只看代码):放大到 96px 逐一目视确认 —— 问号、叉号、上传箭头
形状均正确、笔宽均匀;同时断言统计确认 viewBox="0 0 24 24" 只剩品牌 logo 一处。

新增断言防止回退,包括:官方图标数 ≥28、旧 viewBox 仅剩 1 处、appbar 只允许 2 个按钮、
旧的坏路径不得再出现(锯齿星形与不对称叉号各一条)。

⚠ 未能验证

本机无 adb、无真机,安卓端实际显示未经肉眼确认(本版安卓端无功能改动)。


下载

文件 说明
BootAnimForge-2.0.2-portable.zip PC 端(Node + ffmpeg)+ 安卓端 APK
BootAnimForge-Android-2.0.2-debug.apk 只要安卓端