uni-app 启动界面.9.png适配1440p 无效

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

uni-app 启动界面.9.png适配1440p 无效

操作步骤：

见图

预期结果：

见图

实际结果：

见图

bug描述：

启动页面为什么用了.9.png 还是会出现伸缩呢? 只有480 720 1080三种的分辨率图片上传 那如果我要上传 1440p的怎么办? 现在情况是我上传了3种分辨率 但是如果是大屏幕手机还是会出现缩放 是.9.png没设置好吗? 但是确实是让原来部分变形的不变形了

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

Harmonyos Next教程
1 回复

在处理uni-app启动界面的.9.png图片适配问题时，确保图片正确适配到不同分辨率的设备，特别是1440p这样高分辨率的设备，需要注意几个关键点。.9.png图片是一种特殊格式的图片，它允许你指定图片的可拉伸区域和内容区域，非常适合用于适配不同屏幕尺寸和分辨率的启动界面。

首先，确认你的.9.png图片是否正确制作。这通常涉及到使用如Android Studio这样的工具来生成.9.png图片，确保图片的边缘标记正确，即拉伸区域和内容区域划分得当。

以下是一个基本的示例，展示如何在uni-app中配置启动界面图片，并尝试解决适配问题。假设你的.9.png文件名为splash.9.png，并且已经放置在项目的static目录下。

  1. 配置manifest.json：

在uni-app项目的manifest.json文件中，找到app-plus下的splashscreen配置，确保指向你的.9.png图片。

"app-plus": {
    "splashscreen": {
        "autoclose": true,
        "delay": 3000,
        "waiting": true,
        "ios": {
            "picture": "__STATIC__/splash.png",  // iOS通常不使用.9图，这里仅为示例
            "bgcolor": "#FFFFFF",
            "text": "加载中...",
            "textcolor": "#000000",
            "textposition": "center"
        },
        "android": {
            "picture": "__STATIC__/splash.9.png",
            "bgcolor": "#FFFFFF",
            "animation": "fade",
            "duration": 3000
        }
    }
}

注意：uni-app对.9.png的支持可能在某些版本或特定平台上有所不同，确保你使用的uni-app版本支持Android的.9.png启动图。

  1. 确保图片质量：

对于1440p这样的高分辨率设备，确保你的.9.png图片具有足够高的分辨率。如果图片分辨率不足，即使使用了.9.png格式，也可能看起来模糊。

  1. 测试和调试：

在不同的设备和模拟器上测试你的应用，特别是那些具有1440p分辨率的设备。检查启动界面是否如预期那样正确适配和显示。

如果即使按照上述步骤操作后，.9.png图片在1440p设备上仍然显示不正确，可能需要检查uni-app的官方文档或社区，看看是否有关于高分辨率设备适配的特定指导或已知问题。在某些情况下，可能需要手动调整图片或使用不同的方法来适应高分辨率屏幕。

回到顶部