在cordova中设置android的闪屏图片

780 阅读1分钟

Snipaste_2023-10-25_17-17-53.png

环境依赖和版本

  • nodejs版本:18.17.0
  • cordova版本:12.0.0
  • cordova-android版本:12.0.1

添加闪屏

  1. 在cordova项目下安装cordova-plugin-splashscreen插件
cordova plugin add cordova-plugin-splashscreen
  1. 修改config.xml文件
    <platform name="android">
        <allow-intent href="market:*" />
        <preference name="AndroidWindowSplashScreenAnimatedIcon" value="res/screen/android/splashscreen.xml" />
        <preference name="SplashScreenDelay" value="3000" />
        <preference name="AndroidWindowSplashScreenBackground" value="#ffffff" />
        <preference name="AndroidWindowSplashScreenIconBackgroundColor" value="#4fae53" />
    </platform>
  1. 添加splashscreen.xml文件
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="240dp"
    android:height="240dp"
    android:viewportWidth="240"
    android:viewportHeight="240">
  <path
      android:pathData="M153.27,97.38l10.93,-18.89c0.95,-1.84 0.24,-4.1 -1.54,-5.05c-1.72,-0.89 -3.86,-0.36 -4.93,1.31l-11.17,19.25c-16.99,-7.19 -36.13,-7.19 -53.12,0L82.27,74.74c-1.13,-1.72 -3.45,-2.26 -5.17,-1.19c-1.66,1.07 -2.2,3.21 -1.31,4.93l10.93,18.89C68.31,107.89 56.31,126.85 54.64,148h130.72C183.69,126.85 171.69,107.89 153.27,97.38zM90.29,131.66c-4.1,0 -7.43,-3.33 -7.43,-7.43s3.33,-7.43 7.43,-7.43c4.1,0 7.43,3.33 7.43,7.43S94.39,131.66 90.29,131.66zM149.71,131.66c-4.1,0 -7.43,-3.33 -7.43,-7.43s3.33,-7.43 7.43,-7.43c4.1,0 7.43,3.33 7.43,7.43S153.81,131.66 149.71,131.66z"
      android:fillColor="#FFFFFF"/>
</vector>

安卓闪屏的icon图片尺寸

带有图标背景的应用图标:尺寸必须为 240×240 dp,并且位于直径为 160 dp 的圆圈内。

Snipaste_2023-10-25_15-47-17.png

  • 准备svg文件
  • android studio打开android项目
  • File > New > Vector Asset
  • Asset type选择Local file,Path选择svg文件路径,Next -> Finish
  • 生成xml文件,将内容替换到splashscreen.xml

Cordova Splash Screen文档

Android 开发添加启动画面