Ionic - Cordova 圖示和啟動畫面



每個移動應用都需要一個圖示和啟動畫面。Ionic 提供了新增它們的出色解決方案,並且只需要開發人員最少的工作量。裁剪和調整大小在 Ionic 伺服器上自動完成。

新增啟動畫面和圖示

在之前的章節中,我們討論瞭如何為 Ionic 應用新增不同的平臺。透過新增平臺,Ionic 將為該平臺安裝 Cordova 啟動畫面外掛,因此我們之後不需要安裝任何東西。我們只需要找到兩張圖片。

這些圖片應該是pngpsdai 檔案。圖示圖片的最小尺寸應為 192x192,啟動畫面圖片的最小尺寸應為 2208×2208。此尺寸將涵蓋所有裝置。在我們的示例中,我們將對兩者使用相同的圖片。這些圖片需要儲存到resources資料夾,而不是預設資料夾。完成後,我們只需要在命令提示符視窗中執行以下命令。

C:\Users\Username\Desktop\MyApp>ionic resources

現在,如果您檢查resources/androidresources/ios 資料夾,您將看到我們之前新增的圖片已調整大小並裁剪以適應不同的螢幕尺寸。當我們在裝置上執行我們的應用時,我們將在應用啟動之前看到一個啟動畫面,並且我們將看到預設的 Ionic 圖示已更改。

Ionic Cordova Splash Screen

Ionic Cordova Icon

注意 - 如果您想為 Android 和 iOS 使用不同的圖片,您可以將其新增到resources/androidresources/ios 資料夾,而不是resources資料夾。

廣告