uni-app中打包完app放在Google Pixel手机中应用图标显示不全（已解决）

发布于 1周前 作者 htzhanglong 来自 Uni-App

uni-app中打包完app放在Google Pixel手机中应用图标显示不全（已解决）

Harmonyos Next教程
25 回复

这个是Android8及以上版本系统支持圆形图标的效果，可通过以下方式操作Android原生应用清单文件和资源设置圆形图标来支持：

在项目的AndroidManifest.xml中的application节点添加android:roundIcon属性配置应用使用圆形图标

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" package="你应用的包名"> <application android:roundIcon="[@drawable](/user/drawable)/icon_round" > </application> </manifest>

在项目的nativeResources\android\res\drawable-xxhdpi目录下添加圆形图标文件icon_round.png

注意：提交云端打包后才能生效。
如有疑问或无法完成以上操作，可通过“付费技术支持”寻求帮助


这个是需要再根目录下创建一个AndroidManifest.xml文件吗？ 然后再里面写上述内容吗？

回复 释怀_AAA: 是的，参考文档：https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-android.html

回复 DCloud_App_Array:那个圆形图标应该放在uniapp的项目的哪里呢

回复 DCloud_App_Array: 看一下最下面的回复吧 谢谢

大佬们 求解答

配置了哪几种分辨率的图标？是否按照manifest.json中的可视化界面中建议的分辨率配置？

manifest.json里面的图标配置 android iPhone ipad 都配置了

我是在最上面的自动生成图标里面 自动生成了所有图标

这里面能配置的都配置了

使用标准基座真机运行，标准基座App的图标是否显示正常？

回复 DCloud_Ap我试一下

回复 DCloud_App_Array: 我刚刚试了一下 标准基座运行的话也是图标四周有空白

回复 DCloud_App_Array: 大佬，这个可以搞吗？

回复 DCloud_App_Array: 大佬？

回复 释怀_AAA: 看置顶的回复，根据说明操作

是这样的

我按照您说的创建了一个AndroidManifest.xml文件,并且将上述代码复制进去修改了包名和圆形图片的路径如下图：

但是打包的时候报错，说roundIcon和我的图片路径不兼容。如下图:

请问这个图片文件放在uniapp项目的什么位置呢，顺便看一下我的AndroidManifest.xml文件是否正确呢。 谢谢

仔细看步骤中的示例：android:roundIcon="@drawable/icon_round"

回复 DCloud_App_Array:这个icon_round文件放在uniapp项目的那个目录下

回复 DCloud_App_Array: 大佬 AndroidManifest.xml文件中的icon_round文件放在uniapp项目下的哪个目录呢？

回复 释怀_AAA: 仔细看说明呀：2. 在项目的nativeResources\android\res\drawable-xxhdpi目录下添加圆形图标文件icon_round.png

回复 DCloud_App_Array: 是要在uniapp项目的根目录创建nativeResources\android\res\drawable-xxhdpi这个目录 然后把圆形图标文件icon_round.png放在里面吗

回复 DCloud_App_Array: 大佬 可以了 谢谢

在uni-app开发中遇到应用图标显示不全的问题确实比较影响用户体验，尽管你提到问题已解决，但我可以分享一些可能的解决方案和相关代码案例，以便其他开发者遇到类似问题时参考。

1. 检查图标资源

首先，确保你的应用图标资源文件（通常为PNG或ICO格式）尺寸足够大且清晰。对于Android应用，推荐图标尺寸为512x512像素或更大，以确保在各种设备上都能清晰显示。

2. 配置manifest.json

在uni-app项目中，manifest.json文件用于配置应用的基本信息，包括应用图标。确保在manifest.json中正确配置了图标路径和尺寸。

{
  "mp-weixin": {},
  "app-plus": {
    "name": "你的应用名称",
    "icon": "/static/icons/app-icon-512.png", // 确保路径正确
    "distribution": {
      "android": {
        "manifest": {
          "application": {
            "icon": "@mipmap/ic_launcher" // 如果使用了原生资源，确保这里的路径正确
          }
        }
      }
    }
  }
}

注意：如果你使用了原生资源，需要在native/res目录下对应放置不同密度的图标（如mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi）。

3. 清理和重建项目

有时候，IDE或构建工具可能会缓存旧的资源文件，导致更改后的图标没有生效。尝试清理项目并重新构建。

# 如果是使用HBuilderX，可以通过菜单栏选择“发行”->“原生App-云端打包”->“清理项目”

4. 检查打包配置

确保在打包配置中没有错误地覆盖或修改了图标设置。如果你使用的是云打包服务，检查云端打包的配置项是否正确。

5. 适配不同设备

虽然Google Pixel设备通常具有较好的兼容性，但不同设备和Android版本可能对图标显示有不同的要求。确保你的图标资源适配了多种设备和屏幕密度。

示例：完整图标配置

{
  "app-plus": {
    "name": "ExampleApp",
    "version": {
      "name": "1.0.0",
      "code": "100"
    },
    "icon": "/static/icon.png", // 确保路径正确，且图标清晰
    // ... 其他配置
  }
}

通过上述步骤和配置，通常可以解决uni-app中打包后的应用图标显示不全的问题。希望这些信息对其他开发者有所帮助。

回到顶部