uniapp app启动图如何设置或修改

在uniapp中如何设置或修改APP的启动图?我已经尝试在manifest.json里配置了启动图片路径,但打包后依然显示默认的启动图。请问是否需要特殊尺寸的图片?还需要在其他地方进行配置吗?iOS和Android的设置方式是否不同?求详细的操作步骤和注意事项。

2 回复

在HBuilderX中,打开manifest.json,在“App启动图配置”中上传不同分辨率的启动图片即可。注意适配不同屏幕尺寸。


在 UniApp 中,设置或修改 App 启动图主要通过配置 manifest.json 文件实现。以下是具体步骤:

1. 打开 manifest.json 文件

  • 在 UniApp 项目的根目录中找到并打开 manifest.json 文件。

2. 配置启动图

  • 转到 App 启动图配置 部分(通常在“App 模块配置”中)。
  • 根据平台(如 Android 或 iOS)分别设置启动图。

Android 平台

  • manifest.json"app-plus" -> "distribute" -> "android" 下配置启动图。
  • 示例代码:
    {
      "app-plus": {
        "distribute": {
          "android": {
            "autoclose": true,
            "splashscreen": {
              "alwaysShowBeforeRender": false,
              "waiting": true,
              "delay": 0
            }
          }
        }
      }
    }
    
  • 替换图片:将自定义启动图(如 PNG 格式)放置在 nativeResources/android/splash 目录下,并命名为对应分辨率(如 drawable-xxhdpi 文件夹中的 splash.png)。

iOS 平台

  • manifest.json"app-plus" -> "distribute" -> "ios" 下配置启动图。
  • 示例代码:
    {
      "app-plus": {
        "distribute": {
          "ios": {
            "splashscreen": {
              "alwaysShowBeforeRender": false,
              "waiting": true,
              "delay": 0
            }
          }
        }
      }
    }
    
  • 替换图片:将启动图添加到 nativeResources/ios/splash 目录,并确保图片尺寸符合 Apple 要求(如 iPhone 和 iPad 的不同分辨率)。

3. 生成并应用启动图

  • 使用 HBuilderX 工具:
    • manifest.json 的“App 启动图配置”界面,点击“自动生成”或手动上传图片。
    • HBuilderX 会自动生成各平台所需的启动图资源。
  • 手动替换图片后,需重新打包 App(通过“发行”->“原生 App 云打包”)。

4. 注意事项

  • 图片格式:推荐使用 PNG 格式,确保无透明通道。
  • 尺寸要求:根据平台规范提供多分辨率图片(如 Android 的 mdpi、hdpi、xhdpi 等)。
  • 测试:修改后务必在真机上测试启动图显示效果。

完成以上步骤后,重新打包 App 即可生效。如有问题,检查图片路径和配置是否正确。

回到顶部