• <menu id="oqooq"><table id="oqooq"></table></menu>
  • <bdo id="oqooq"><noscript id="oqooq"></noscript></bdo>

    cordova打包項目啟動頁面和圖標的設置

    小編:管理員 460閱讀 2022.09.13

    內容是前輩的,我測試時,這個適用于cordova打包android7.0版本以后的,小于7.0啟動頁面和圖標的設置我下次自己寫,沒有可以借鑒的,自己慢慢琢磨的一、config.xml配置

    在cordova5.0版本以后,需要安裝cordova-plugin-splashscreen插件以后才能修改和設置App的啟動頁面。

    基本配置

    然后在你的config.xml文件中,添加以下代碼

      
        
        
        
        
        
        
          
          
          
          
          
          
          
          
      
      
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
        
          
          
          
          
          
          
          
          
          
          
    
    復制其他配置
    • 自動隱藏啟動頁面AutoHideSplashScreen(默認為:true)
    復制

    顯示啟動頁面的時間長度SplashScreenDelay(默認為:3000)

    復制
    • 若想禁用啟動頁面,可設置為:如果是iOS平臺上想禁止啟動頁面,還需要添加
    • 啟動頁面淡入淡出的效果 是否顯示淡入淡出效果FadeSplashScreen(默認為:true)
    復制
    • 注意:FadeSplashScreenDuration時間是包含在SplashScreenDelay的時間里的。
    • 啟動頁面是否允許旋轉(默認為:true)
    復制

    插件還可以通過js代碼調用,提供有以下兩個方法:

    navigator.splashscreen.hide();//隱藏啟動頁面 navigator.splashscreen.show();//顯示啟動頁面
    復制
    在Android平臺下的特殊設置
    
    SplashMaintainAspectRatio:選填項,默認為false。當設置為true時,則不會拉伸圖片來填充屏幕,會以圖片原始比例顯示圖片。
    SplashShowOnlyFirstTime:選填項,默認為true。當設置為false時,APP通過navigator.app.exitApp()代碼退出app后,在下次打開APP時,還會顯示啟動頁面。若為true時,就不會出現。
    復制二、圖標文件夾內容

    根據上面的配置信息,你需要準備好你自己的app圖標和啟動畫面png文件:

    存放路徑不是以www文件夾為依據,而是以當前項目文件夾為依據

    projectRoot
        hooks
        platforms
        plugins
        www
            css
            img
            js
        res
            screen
                android
                ios
            icon
                android
                ios
    復制應用程序圖標

    可通過圖標工場一鍵生成多尺寸圖標。

    • 安卓圖標具體規格如下(存放目錄:res/icon/android/)
    36*36    drawable-ldpi/icon.png
    48*48    drawable-mdpi/icon.png
    72*72    drawable-hdpi/icon.png
    96*96    drawable-xhdpi/icon.png
    144*144  drawable-xxhdpi/icon.png
    復制

    iOS圖標具體規格如下(存放目錄:res/icon/ios/)

    57*57   icon.png
    114*114 icon@2x.png
    29*29   icon-small.png
    58*58   icon-small@2x.png
    40*40   icon-40.png
    80*80   icon-40@2x.png
    50*50   icon-50.png
    100*100 icon-50@2x.png
    60*60   icon-60.png
    120*120 icon-60@2x.png
    180*180 icon-60@3x.png
    72*72   icon-72.png
    144*144 icon-72@2x.png
    76*76   icon-76.png
    152*152 icon-76@2x.png
    復制應用程序啟動頁面
    • 安卓啟動畫面具體規格如下(存放目錄:res/screen/android/)
    960*720 splash-land-xhdpi.png
    640*480 splash-land-hdpi.png
    470*320 splash-land-mdpi.png
    426*320 splash-land-ldpi.png
    720*960 splash-port-xhdpi.png
    480*640 splash-port-hdpi.png
    320*470 splash-port-mdpi.png
    320*426 splash-port-ldpi.png
    復制

    iOS啟動畫面具體規格如下(存放目錄:res/screen/ios/)

    320*480 Default~iphone.png
    640*960 Default@2x~iphone.png
    768*1024    Default-Portrait~ipad.png
    1536*2048   Default-Portrait@2x~ipad.png
    1024*768    Default-Landscape~ipad.png
    2048*1536   Default-Landscape@2x~ipad.png
    640*1136    Default-568h@2x~iphone.png
    750*1334    Default-667h.png
    1242*2208   Default-736h.png
    2208*1242   Default-Landscape-736h.png
    復制
    關聯標簽:
    黄色一片
  • <menu id="oqooq"><table id="oqooq"></table></menu>
  • <bdo id="oqooq"><noscript id="oqooq"></noscript></bdo>