【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

<platform name="android">
        <!--
            ldpi    : 36x36 px
            mdpi    : 48x48 px
            hdpi    : 72x72 px
            xhdpi   : 96x96 px
            xxhdpi  : 144x144 px
            xxxhdpi : 192x192 px
        -->
        <icon src="res/android/ldpi.png" density="ldpi" />
        <icon src="res/android/mdpi.png" density="mdpi" />
        <icon src="res/android/hdpi.png" density="hdpi" />
        <icon src="res/android/xhdpi.png" density="xhdpi" />
        <icon src="res/android/xxhdpi.png" density="xxhdpi" />
        <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />
    </platform>

目录机构如下:


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 36
36
drawable-mdpi-icon 4848
drawable-xhdpi-icon 96
96
drawable-xxhdpi-icon 144144
drawable-xxxhdpi-icon 192
192

3.2 启动页:

横屏 高×宽

drawable-land-hdpi-screen 480800
drawable-land-ldpi-screen 200
320
drawable-land-mdpi-screen 320480
drawable-land-xhdpi-screen 720
1280
drawable-land-xxhdpi-screen 9601600
drawable-land-xxxhdpi-screen 1280
1920

竖屏 高×宽

drawable-port-hdpi-screen 800480
drawable-port-ldpi-screen 320
200
drawable-port-mdpi-screen 480320
drawable-port-xhdpi-screen 1280
720
drawable-port-xxhdpi-screen 1600960
drawable-port-xxxhdpi-screen 1920
1280

参考

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容