uniapp打包安卓app如何自定义多页启动图

在uniapp中打包安卓APP时,如何自定义多页启动图?目前官方文档只提到单张启动屏配置,但需要实现类似原生开发中的多页引导页效果。请问具体应该如何配置不同尺寸的启动图,以及如何实现启动图之间的自动切换或滑动效果?是否需要通过原生插件实现?

2 回复

在uniapp中,自定义安卓多页启动图需修改/nativeplugins/AndroidManifest.xml文件,在<application>标签内添加多个<activity>,并为每个页面配置不同的启动图。同时需在pages.json中设置对应页面的启动参数。


在 UniApp 中自定义多页启动图(如不同分辨率或横竖屏适配),需通过原生配置实现。以下是步骤:

1. 准备图片资源

  • 在项目根目录创建 nativeResources 文件夹(如不存在)。
  • 结构如下:
    nativeResources/
      └── android/
          └── src/
              └── main/
                  └── res/
                      ├── drawable-ldpi/
                      ├── drawable-mdpi/
                      ├── drawable-hdpi/
                      ├── drawable-xhdpi/
                      ├── drawable-xxhdpi/
                      └── drawable-xxxhdpi/
    
  • 将不同分辨率的启动图(如 splash.png)放入对应 drawable- 文件夹,确保命名一致。

2. 配置原生启动页

  • 打开 nativeResources/android/src/main/res/values/styles.xml(如无则新建):
    <resources>
      <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@drawable/splash</item>
      </style>
    </resources>
    
  • 若需多页(如横竖屏不同),可创建 values-landvalues-port 文件夹,并在其中分别配置 styles.xml,指定不同的 windowBackground

3. 修改 AndroidManifest.xml

  • nativeResources/android/src/main/AndroidManifest.xml 中设置主题:
    <application
        android:theme="@style/AppTheme"
        ... >
    </application>
    

4. 打包生效

  • 使用 HBuilderX 发行原生 App 包,确保勾选“使用原生资源”。

注意事项:

  • 图片需为 PNG 格式,推荐尺寸参考 Android 官方分辨率规范(如 xxhdpi 为 1080x1920)。
  • 若需动态控制启动页,需通过原生插件实现,UniApp 默认仅支持静态图片。

通过以上步骤,可自定义多分辨率启动图。如有横竖屏需求,通过不同资源文件夹适配即可。

回到顶部