Skip to content

v1.0.18 · 图标缩放比对齐旧版

Latest

Choose a tag to compare

@TomoeMami TomoeMami released this 12 Oct 16:50

1.0.17 以来的改动:

  • 修正分层图标的缩放观感,让图标的「内容 / 可见底板」比与旧版单层图标一致。

    实测依据(DevEco 模拟器 phone26 / HarmonyOS 7.0.0 / API 26,同一页同一槽位 Image [387,260][569,442] = 182×182):
    把 v1.0.16(单层、自绘 rx=220 圆角)重新装回模拟器截图,再换装 v1.0.17(分层)截图,逐像素比对:

    指标 v1.0.16 单层自绘圆角 v1.0.17 分层
    三环直径 142 / 107 / 72 px(瓦片的 78.0/58.8/39.6%) 142 / 107 / 72 px(完全一致)
    人物白色主体 71×95 px 71×94 px
    可见底板 ≈瓦片的 92%(自绘圆角 + 约 2% 内缩) ≈100%(背景满幅贴边)
    内容/底板比 ≈0.92 ≈0.84 ← 看起来"内容变小"的原因

    → 系统并没有缩放分层图标的前景层(两版内容 1:1 一致);差别在于旧单层图标自带圆角与留边,
    系统给它的可见底板只有瓦片的约 92%,而分层图标按上架规范背景必须满幅贴边(不允许资源内有内间距),
    底板变成 100%,于是「内容/底板」比下降了约 8%。

    修正:补偿加在前景层(规范禁止的是给资源加内间距,不是禁止构图缩放)——
    scripts/icon/foreground.svg 中把三环 + 人物 + 柔影整体包进
    <g transform="translate(512 512) scale(1.08) translate(-512 -512)">,重新生成两处 foreground.png
    (AppScope 与 entry 逐字节一致)。补偿后实测三环 150 / 115 / 77 px(瓦片的 82.4 / 63.2 / 42.3%),
    前景非透明 bbox 90.4% × 91.8%,距画布边缘约 9%,不会被裁切。

    启动页与应用内展示用的单层 app_icon.svg 不做该补偿:那两处的"底板"就是图稿本身,
    前后比例未变,保持与原图稿一致。

  • 背景层仍是纯色 #0056B3、前景层仍是透明 PNG、两层 1024×1024 满幅贴边 —— 上架分层资源的要求不变。
    若想把原图稿的蓝→紫对角渐变要回来:pwsh -File scripts/icon/gen-app-icon.ps1 -Background gradient 后重新构建。

版本:1.0.18 / 1000018(在 1.0.17 基础上仅做图标缩放修正,无功能改动)。

上机验证(模拟器 phone26,未签名 HAP):

  • 门禁:release assembleHap BUILD SUCCESSFUL(33 tasks);HAP 内 resources/base/media/ 四项齐全
    (background.png、foreground.png、layered_image.json、app_icon.svg)。
  • 安装:hdc install -r → install bundle successfully;bm dump -n com.homenapod.app →
    iconPath: $media:layered_image。
  • 桌面:图标瓦片 182×182,与系统「联系人」图标完全同尺寸;系统蒙版圆角正常、无双圆角/无透明缝/无黑带;
    缩放补偿后内容与底板的占比与旧版观感一致。