uniapp打包安卓应用图标白边

Question

uniapp打包安卓应用图标白边

打包后有白边，怎么去除
打包后有白边，怎么去除
打包后有白边，怎么去除

Answer 1

引自免费微信小程序：皆我百晓生

在 UniApp 中，处理应用图标白边的问题通常涉及到调整 App 的启动图标尺寸和格式。为了消除白边，你需要按照以下步骤操作：

1. 创建合适的启动图标: 你应该为 Android 创建一个透明背景的启动图标，并确保其大小符合规范。对于现代 Android 设备，推荐使用以下尺寸的图标：

   • ic_launcher_round.png (圆形): 512x512像素
   • ic_launcher.png (矩形): 512x512像素

   保持图标中心内容在大约360x360像素的区域内，因为系统会自动裁剪边缘。

2. 在项目中替换图标: 将新创建的图标放入项目的根目录下的 resources/images/icon 文件夹中，覆盖原有的 ic_launcher_round.png 和 ic_launcher.png 图标。

3. 配置启动图标: 在项目的 project.config.json 文件中，确认已经指定了正确的启动图标。默认情况下，配置可能看起来像这样：

   {
     "projectName": "your_project_name",
     "platforms": ["h5", "android", "ios"],
     ...
     "ios": {},
     "android": {
       "icon": [
         "resources/images/icon/icon.png",
         "resources/images/icon/ic_launcher_round.png"
       ],
       ...
     },
     ...
   }
   

   如果没有明确指定启动图标，UniApp 会自动从 resources/images/icon 文件夹中选择适当的图片。

4. 清除缓存并重新构建: 清除项目缓存，然后重新构建应用。在命令行工具中进入项目根目录，运行以下命令：

   npm run clean && npm run build:android
   

   或者使用 HBuilderX 等 IDE 进行构建。

5. 检查结果: 构建完成后，在模拟器或真机上预览应用，应该可以看到没有白边的启动图标。

如果你已经按照上述步骤操作，但仍然存在问题，那么可能是其他原因导致的，比如在其他地方设置了启动图标或者资源冲突。此时，你需要检查整个项目的配置，确保所有的启动图标引用都是指向正确且无白边的资源。