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

Question

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

然后我运行离子资源，我需要的所有图标都在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"/>

现在如果我看一下安装后的应用程序图标，看起来中间的数字更大，比例不受尊重：

正如你所看到的那样，小红球变成了一个巨大的球，这是我不明白的事情，任何人都能澄清这个吗？

Answer 1

（还不能发表评论，所以我会通过回答来做到这一点）

从它的外观来看，你正在使用某种iconpack。 （因为所有图标的背景形状相同，顶部有原始图标）。我的猜测是，图标包消除了图标周围的大部分透明空间（以及所有其他图标），以适应相同的图标设计。

您可以通过以下方式轻松查明是否确实如此：

• 禁用iconpack（红色圆圈现在应该是正常大小，周围有空格）

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

如果确实是消除了周围空白的iconpack，你可以尝试将一个非常轻（99％透明）的图层作为背景。这样可以防止iconpack消除空格，因此不会缩放圆圈。

我不会真的推荐这个，因为大多数人不会使用图标包，然后图标在其他设备上看起来有点奇怪。

Answer 2

我认为这是因为ionic resources命令。它将读取图像并根据每个屏幕尺寸自动裁剪图像。

Ionic Resource Site说no rounded corners可能是主画面外的非透明像素，或者它会调整大小/裁剪它以适应：

  

图标图像的最小尺寸应为192x192像素，并且没有圆角。

你可以试试这个：

• 导航至project\resources\android\icon：
  • 检查每个图标是否生成了错误的比例。
  • 如果它比原始图片大，请打开任何图片编辑器，例如Photoshop或Paint，然后手动调整大小，直到符合您的预期比例（因为您只需要{{1}生成预先大小的图片。）
  • 保存并为其他人再次执行。
  • 重建项目。

更新：为4个角落放置4个微小的彩色像素，然后重试。我认为设备应该知道图标的正确边框在哪里，而不是调整它的大小。