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" />

 

posted @ 2019-11-22 14:13  AlanTao  阅读(435)  评论(0编辑  收藏  举报