Splash スプラッシュ page_html/css_WEB-ITnose を Cordova HybridApp に追加します

Cordova 3 以降の最新バージョンでは、Cordova プラグインを通じて実装されるスプラッシュ画面がサポートされるようになりました。

現在、Splash プラグインは Android、iOS、Blackberry などの複数のプラットフォームをサポートしています。

加加 プラグインの追加とその他のプロセスは次のとおりです:

SPLASHSCREEN プラグインの追加

cordova plugin add org.apache.cordova.splashscreen

プラグインのロード - プラグイン コードプラグインから

🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜 🎜 🎜🎜🎜 🎜config.xml 設定ファイルを変更します🎜 🎜🎜

    <preference name="SplashScreen" value="screen" /> <!-- 不带后缀png的文件名，默认是screen-->    <preference name="SplashScreenDelay" value="3000" /> <!-- Splash显示时间，默认是3000ms-->    <feature name="SplashScreen">        <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />    </feature>

🎜🎜 🎜🎜 🎜 🎜起動画像を変更します🎜 起動画像の名前が screen.png であることがわかります。デフォルトの画像がいくつかあります。プロジェクトの下に Cordova ロゴが表示されている場合は、これらの画像を独自の起動画面に置き換える必要があります。サポートされていないサイズの画像は削除してください。 🎜🎜 🎜 🎜デバイスの初期化が完了したらスプラッシュ画面を非表示にします🎜 🎜🎜

document.addEventListener("deviceready", onDeviceReady, false);  function onDeviceReady() {    navigator.splashscreen.hide();  }  

🎜 ionic フレームワークを使用する場合は、app.js ファイル内で直接 .run(['$ionicPlatform', function ($ionicPlatform) { ..

navigator.splashscreen.hide();

🎜🎜 🎜 🎜 🎜🎜 🎜 を追加するだけで、起動画面が表示されます。