uni-app 启动图使用.9图打自定义基座包报错 “错误描述: 启动图.9.png无法解析”

uni-app 启动图使用.9图打自定义基座包报错 “错误描述: 启动图.9.png无法解析”

操作步骤:

  • 见bug 描述附件 配置启动图为.9图后 打自定义基座包报错 .9图无法解析

预期结果:

  • 打包成功

实际结果:

  • 打自定义基座包报错

bug描述:

e1e5ba73053257a3301171b8de30406b.png

72785978044bca0790625aa776155f31.jpg


更多关于uni-app 启动图使用.9图打自定义基座包报错 “错误描述: 启动图.9.png无法解析”的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

请问,解决了吗

更多关于uni-app 启动图使用.9图打自定义基座包报错 “错误描述: 启动图.9.png无法解析”的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在处理uni-app中使用.9.png(Nine-Patch图片)作为启动图并打包自定义基座时遇到的解析错误,通常是由于图片格式不正确或uni-app打包工具不支持某些特定的.9.png特性导致的。以下是一些可能的解决方案和代码示例,帮助你定位并解决问题。

1. 确认.9.png图片格式正确

首先,确保你的.9.png图片是正确生成的。你可以使用Android Studio或其他支持Nine-Patch图片的工具来生成和验证.9.png图片。

2. 检查图片内容

Nine-Patch图片包含两部分:图像数据和1像素宽的边框,边框定义了可拉伸和填充的区域。确保你的.9.png图片的边框正确设置,没有多余的像素或损坏。

3. 替换启动图资源

在uni-app项目中,启动图通常放置在static目录下。确保你的.9.png文件放置在正确的位置,并在manifest.json中正确引用。

示例

// manifest.json
{
  "mp-weixin": {},
  "app-plus": {
    "splashscreen": {
      "autovertical": true,
      "delay": 3000,
      "waiting": true,
      "ios": {
        "image": "static/splash.png", // iOS启动图
        "width": 750,
        "height": 1334
      },
      "android": {
        "image": "static/splash.9.png", // Android .9.png启动图
        "mdpi": {},
        "hdpi": {},
        "xhdpi": {},
        "xxhdpi": {},
        "xxxhdpi": {}
      }
    }
  }
}

4. 清理和重建项目

有时候,简单的清理和重建项目可以解决一些缓存或配置不一致的问题。

# 清理项目
npm run clean

# 重建项目
npm run build

5. 使用原生工具打包

如果uni-app的内置打包工具对.9.png支持不佳,考虑使用原生Android Studio或其他原生开发工具进行打包,确保.9.png图片能被正确解析和应用。

6. 检查uni-app和HBuilderX版本

确保你使用的uni-app和HBuilderX是最新版本,因为新版本可能修复了旧版本中的一些问题。

结论

如果以上步骤都不能解决问题,可能需要进一步检查.9.png图片的具体内容,或者考虑不使用.9.png作为启动图,转而使用普通的PNG图片,并通过其他方式实现启动图的适配和拉伸。

回到顶部