uni-app安卓splash页面如何适配横竖屏呢

yuanlaile 1楼•10 小时前

在uni-app中实现安卓Splash页面的横竖屏适配，通常涉及到对Splash图片的资源和配置文件的处理。以下是一个详细的实现方法，包含相关的代码案例。

1. 准备Splash图片资源

首先，你需要为横屏和竖屏分别准备Splash图片资源。假设你有以下图片：

splash_portrait.png：竖屏Splash图片
splash_landscape.png：横屏Splash图片

2. 配置`manifest.json`

在manifest.json中，你可以配置应用在不同方向下显示的Splash图片。打开manifest.json，找到app-plus下的splashscreen配置部分，示例如下：

"app-plus": {
    "splashscreen": {
        "autoclose": true,
        "delay": 3000,
        "waiting": true,
        "ios": {
            // iOS相关配置
        },
        "android": {
            "hd": true, // 是否启用高清图
            "portrait": { // 竖屏配置
                "path": "static/splash_portrait.png", // 竖屏Splash图片路径
                "width": "750px", // 图片宽度，支持px、dp、%等单位
                "height": "1334px" // 图片高度，支持px、dp、%等单位
            },
            "landscape": { // 横屏配置
                "path": "static/splash_landscape.png", // 横屏Splash图片路径
                "width": "1334px", // 图片宽度，支持px、dp、%等单位
                "height": "750px" // 图片高度，支持px、dp、%等单位
            }
        }
    }
}

3. 确保图片资源路径正确

确保你在static目录下（或者其他你指定的目录下）放置了正确的Splash图片，并且路径与manifest.json中的配置一致。

4. 测试应用

使用HBuilderX或其他开发工具将应用打包为安卓APK，并在真机或模拟器上测试。在启动应用时，应该会根据设备的方向显示对应的Splash图片。

注意事项

确保Splash图片的尺寸和分辨率适合不同的设备和屏幕密度。
如果应用需要支持多种屏幕尺寸和密度，可以考虑提供不同分辨率的Splash图片，并在manifest.json中配置对应的资源。
autoclose属性设置为true表示Splash页面会在指定delay时间后自动关闭。如果需要手动控制关闭时机，可以设置为false并在代码中控制。