流星移動config.js launchScreens

Question

我創建我的應用程序飛濺的圖像，但我有一些問題：

• 我可以創建他們都在一次？我已經看到了一些回購，但 沒有更新的新尺寸（例如2048x1536）
• 將可能使用相同的圖像適用於不同的尺寸？
• 我的手機是1920x1080，但沒有啓動屏幕大小，因此它需要一個並應用不成比例的圖像。如果我有 文本，它看起來非常糟糕。
• 當我構建時，其餘的圖像會發生什麼？流星清除其餘的？位於資源/飛濺。
• 可以使用CSS與CSS頁面？

在此先感謝！

Answer 1

下次您應該考慮將問題分解爲獨立帖子。

• 創建飛濺圖片：如果你的形象是很簡單的，你的確有很多腳本，可以自動生成不同大小。我相信你可以定製它們以適合你的尺寸。

• 對不同的尺寸使用相同的圖像：一般來說，這意味着您的圖像將被設備拉伸以填滿屏幕。在Android上，您可以定義一個9貼片PNG，告訴設備哪些像素可以拉伸，以便圖像的某些部分不會變形。

• 1920x1080屏幕變形的圖像：根據像素密度，應該很可能有一個佔位符。

• 存儲圖像版本：默認情況下，所有版本（即尺寸）都打包在您的APK/APP中，以便在用戶下載應用程序後無論設備需要什麼都可用。

• 使用HTML + CSS頁面進行啓動畫面：一般來說，不，但這取決於您想要用閃屏執行什麼操作。流星稱它爲「啓動屏幕」，因爲它是在應用程序加載/「啓動」時顯示的第一件事。特別是，WebView和本地服務器可能尚未準備好，並且無法提供任何HTML/CSS。這就是爲什麼你必須使用一個簡單的圖像，這是傳遞給一個非常簡單的活動，而應用程序正在加載。但有些人在他們的應用程序的某些部分之間也使用「等待屏幕」。在這種情況下，你的WebView和本地服務器已經被加載，你可以簡單地使用你想要的任何東西。

---

更新：

對於Android，如果9補丁PNG不適合你的需求，你也可以嘗試請求科爾多瓦的閃屏插件，以保持圖像的長寬比：

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/#preferences

<preference name="SplashMaintainAspectRatio" value="true" /> 

「SplashMaintainAspectRatio」首選項是可選的。如果設置爲true，則啓動畫面不會拉伸以適合屏幕，而是簡單地「覆蓋」屏幕，如CSS「background-size：cover」。當啓動畫面圖像無法以任何方式變形時（例如當它們包含景物或文字時），這非常有用。此設置適用於具有較大邊距（安全區域）的圖像，該圖像可以在具有不同寬高比的屏幕上安全裁剪。

流星，你可以使用App.setPreference在mobile-config.js：

App.setPreference("SplashMaintainAspectRatio", true, "android");