【Cordova/Electron学习笔记07】替换APP的ICON和启动页面SplashScreen

Cordova 打包web到各个平台，以下信息主要针对Anderoid平台， 其他参考官网即可

1.App ICON

参考官网： https://cordova.apache.org/docs/en/latest/config_ref/images.html
官网的文件路径都没有说出来，有时候让人很蒙
参照官网 修改${CordovaProjectRoot}/Config.xml，不要到其他目录寻找，还有其中一些文件路径是res/android/****，没有res目录直接在根目录创建${CordovaProjectRoot}/res

目录机构如下：

image.png

2.启动页面SplashScreen

启动页面必须使用Cordova提供的插件: Cordova-Plugin-Splashscreen
参考官网: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

projectRoot
    hooks
    platforms
    plugins
    www
        css
        img
        js
    res
        screen
            android
            ios
            windows

3. icon和splashscreen的规格

3.1 icon图标尺寸：

drawable-hdpi-icon 7272
drawable-ldpi-icon 3636
drawable-mdpi-icon 4848
drawable-xhdpi-icon 9696
drawable-xxhdpi-icon 144144
drawable-xxxhdpi-icon 192192

3.2 启动页：

横屏 高×宽

drawable-land-hdpi-screen 480800
drawable-land-ldpi-screen 200320
drawable-land-mdpi-screen 320480
drawable-land-xhdpi-screen 7201280
drawable-land-xxhdpi-screen 9601600
drawable-land-xxxhdpi-screen 12801920

竖屏 高×宽

drawable-port-hdpi-screen 800480
drawable-port-ldpi-screen 320200
drawable-port-mdpi-screen 480320
drawable-port-xhdpi-screen 1280720
drawable-port-xxhdpi-screen 1600960
drawable-port-xxxhdpi-screen 19201280

参考

cordova 更改app的图标
cordova启动页面和图标的设置