鍍金池/ 教程/ HTML/ Cordova開機(jī)畫面
Cordova國際化
Cordova設(shè)備信息
Cordova教程
Cordova照相機(jī)
Cordova事件
Cordova config.xml文件
Cordova聯(lián)系人
Cordova文件系統(tǒng)
Cordova Plugman
Cordova第一個應(yīng)用
Cordova存儲
Cordova文件傳輸
Cordova網(wǎng)絡(luò)信息
Cordova振動
Cordova對話框
Cordova加速度傳感器
Cordova白名單
Cordova地理位置
Cordova設(shè)備方向
Cordova InAppBrowser打開Web瀏覽器
Cordova多媒體
Cordova開機(jī)畫面
Cordova環(huán)境安裝設(shè)置
Cordova視頻錄制
Cordova后退按鈕
Cordova電池狀態(tài)

Cordova開機(jī)畫面

這個插件是用于顯示應(yīng)用程序啟動開機(jī)畫面。

第1步 - 安裝開機(jī)畫面插件

開機(jī)畫面插件可以通過在命令提示符窗口運行下面的代碼來安裝。
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-splashscreen

第2步 - 添加開機(jī)畫面

添加開機(jī)畫面與添加其他 Cordova 插件不同。我們需要打開 config.xml 并在 widget 元素中添加下面的代碼片段。

首先片段是 SplashScreen. 它有值屬性,該屬性是 images 的名字 platform/android/res/drawable(目錄). 我們在本實例中使用 Cordova提供默認(rèn) screen.png圖像,但你可能會想增加自己的圖片。重要的是要添加圖像的縱向和橫向視圖,并覆蓋不同的屏幕尺寸。

<preference name = "SplashScreen" value = "screen" /> 

第二個片段,我們需要添加的是:SplashScreenDelay。我們設(shè)定 3000 三秒鐘后隱藏開機(jī)畫面。

<preference name = "SplashScreenDelay" value = "3000" /> 

最后 preference 是可選的。如果它的值設(shè)置為true,圖像不會被拉伸以適應(yīng)屏幕。如果它被設(shè)置為false,它會被拉伸。

<preference name = "SplashMaintainAspectRatio" value = "true" />
現(xiàn)在,當(dāng)我們運行應(yīng)用程序,將看到啟動畫面如下。

Cordova Splash Screen