cordova 的安桌动画
1.cordova 的安桌动画
cordova plugin add cordova-plugin-lottie-splashscreen
https://github.com/timbru31/cordova-plugin-lottie-splashscreen
一.安装androidX
cordova plugin add cordova-plugin-androidx https://github.com/dpa99c/cordova-plugin-androidx
二.安装
cordova plugin add cordova-plugin-androidx-adapter https://github.com/dpa99c/cordova-plugin-androidx-adapter
三.启动Enabling AndroidX
gradle.properties要包含的项目文件
android.useAndroidX=true
android.enableJetifier=true
四.安装 "cordova-plugin-splashscreen"
bug
<!-- 先静态取一张背景图, 1秒后消失 -->
<preference name="FadeSplashScreenDuration" value="0" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="SplashScreenDelay" value="1000" />
<preference name="Fullscreen" value="true" />
<!-- 然后进行动画 -->
<preference name="LottieHideTimeout" value="5" />
<preference name="LottieRemoteEnabled" value="false" />
<preference name="LottieLoopAnimation" value="false" />
<preference name="LottieAutoHideSplashScreen" value="false" />
<preference name="LottieBackgroundColor" value="#102029" />
<preference name="LottieFullScreen" value="true" />
<platform name="android"> <allow-intent href="market:*" /> <config-file parent="/manifest" target="AndroidManifest.xml" xmlns:android="http://schemas.android.com/apk/res/android"> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" /> </config-file> <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android"> <activity android:usesCleartextTraffic="true" /> </edit-config> <icon density="ldpi" src="res/icon/android/drawable-ldpi/icon.png" /> <icon density="mdpi" src="res/icon/android/drawable-mdpi/icon.png" /> <icon density="hdpi" src="res/icon/android/drawable-hdpi/icon.png" /> <icon density="xhdpi" src="res/icon/android/drawable-xhdpi/icon.png" /> <icon density="xxhdpi" src="res/icon/android/drawable-xxhdpi/icon.png" /> <icon density="xxxhdpi" src="res/icon/android/drawable-xxxhdpi/icon.png" /> <splash density="land-hdpi" src="res/screen/android/drawable-land-hdpi/screen.png" /> <splash density="land-ldpi" src="res/screen/android/drawable-land-ldpi/screen.png" /> <splash density="land-mdpi" src="res/screen/android/drawable-land-mdpi/screen.png" /> <splash density="land-xhdpi" src="res/screen/android/drawable-land-xhdpi/screen.png" /> <splash density="land-xxhdpi" src="res/screen/android/drawable-land-xxhdpi/screen.png" /> <splash density="land-xxxhdpi" src="res/screen/android/drawable-land-xxxhdpi/screen.png" /> <splash density="port-hdpi" src="res/screen/android/drawable-port-hdpi/screen.png" /> <splash density="port-ldpi" src="res/screen/android/drawable-port-ldpi/screen.png" /> <splash density="port-mdpi" src="res/screen/android/drawable-port-mdpi/screen.png" /> <splash density="port-xhdpi" src="res/screen/android/drawable-port-xhdpi/screen.png" /> <splash density="port-xxhdpi" src="res/screen/android/drawable-port-xxhdpi/screen.png" /> <splash density="port-xxxhdpi" src="res/screen/android/drawable-port-xxxhdpi/screen.png" /> <preference name="LottieAnimationLocation" value="www/loex_startup.json" /> </platform> <preference name="LottieRemoteEnabled" value="false" /> <preference name="LottieLoopAnimation" value="false" /> <preference name="LottieAutoHideSplashScreen" value="true" /> <preference name="SplashScreenDelay" value="0" /> <preference name="FadeSplashScreenDuration" value="0" /> <preference name="LottieFullScreen" value="true" />