离子android图标不同原始大小/比例

its*_*sme 7 javascript android cordova ionic-framework ionic

我在下面创建了一个简单的1024x1024 icon.png resources/:

在此输入图像描述

然后我运行离子资源,我需要的所有图标都生成 resources/android/icon/

我的config.xml更改为:

<platform name="android">
    <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/>
    <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/>
    <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/>
    <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/>
    <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/>
    <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
    <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/>
    <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/>
    <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/>
  </platform>
  <icon src="resources/android/icon/drawable-xhdpi-icon.png"/>
Run Code Online (Sandbox Code Playgroud)

现在如果我看一下安装后的应用程序图标,看起来中间的数字更大,并且不考虑比率:

在此输入图像描述

正如你所看到的,小红球变成了一个巨大的球,这是我不明白的东西,任何人都可以澄清这一点吗?

小智 4

(还不能发表评论,所以我会通过回答来完成)

从外观上看,您正在使用某种图标包。(因为所有图标都有相同形状的背景,原始图标位于顶部)。我的猜测是,图标包消除了图标(以及所有其他图标)周围的大部分透明空间,以适应相同的图标设计。

您可以通过以下任一方式轻松查明情况是否确实如此:

  • 禁用图标包(红色圆圈现在应该是正常大小,周围有空白)

  • 制作一个图标,其两侧有边框,因此它可能不会切断空白。

如果确实是图标包消除了周围的空白,您可以尝试使用非常亮(99% 透明)的图层作为背景。这将阻止图标包消除空白,因此它不会缩放圆圈。

不过,我真的不推荐这样做,因为大多数人不会使用图标包,而且图标在其他设备上看起来可能有点奇怪。