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% 透明)的图层作为背景。这将阻止图标包消除空白,因此它不会缩放圆圈。
不过,我真的不推荐这样做,因为大多数人不会使用图标包,而且图标在其他设备上看起来可能有点奇怪。
| 归档时间: |
|
| 查看次数: |
694 次 |
| 最近记录: |