1. cordova plugin add cordova-plugin-splashscreen

config.xml

  1. <platform name="android">
  2. <splash density="land-hdpi" src="res/screen/android/splash-land-hdpi.png" />
  3. <splash density="land-ldpi" src="res/screen/android/splash-land-ldpi.png" />
  4. <splash density="land-mdpi" src="res/screen/android/splash-land-mdpi.png" />
  5. <splash density="land-xhdpi" src="res/screen/android/splash-land-xhdpi.png" />
  6. <splash density="port-hdpi" src="res/screen/android/splash-port-hdpi.png" />
  7. <splash density="port-ldpi" src="res/screen/android/splash-port-ldpi.png" />
  8. <splash density="port-mdpi" src="res/screen/android/splash-port-mdpi.png" />
  9. <splash density="port-xhdpi" src="res/screen/android/splash-port-xhdpi.png" />
  10. </platform>
  11. <!-- 启动页 -->
  12. <!-- 自动隐藏启动页面AutoHideSplashScreen(默认为:true -->
  13. <preference name="AutoHideSplashScreen" value="true" />
  14. <!-- 显示启动页面的时间长度SplashScreenDelay(默认为:3000) -->
  15. <preference name="SplashScreenDelay" value="3000" />

解决引入cordova-plugin-splashscreen后启动先显示黑屏在显示启动页

  • 原因:
    应用启动时首先加载cordova程序,然后cordova启动HTML页面,而splashscreen是为了cordova启动HTML加载过程中的一个过渡loading页面,所以在应用启动加载cordova时并未执行到splashscreen导致先闪黑屏
  • 解决:
    把先显示的黑屏改为透明的,这样就不会先显示黑屏,而是透明,这样会造成点击应用图标时,会慢那么一点,这是因为透明看起来没有差别
    找到目录下的AndroidManifest.xml修改安卓主题

AndroidManifest.xml

  1. 原来
  2. android:theme="@android:style/Theme.DeviceDefault.NoActionBar"
  3. 现在
  4. android:theme="@android:style/Theme.Translucent"