Tutorialチュートリアル
スプラッシュ画像を表示するには
任意のタイミングでスプラッシュ表示するにはJavascriptを記述します。
画像は画面いっぱいになるように自動的に拡大しますが、推奨サイズは縦画像=640x1136、横画像=1136x640となります。
Javascript
初回表示例
<script type="text/javascript" charset="utf-8">
// applican の読み込み完了まで待機
document.addEventListener("deviceready", onDeviceReady, false);
// applican 準備完了
function onDeviceReady() {
applican.splashscreen.show('img/splash2_portrait.png', 'img/splash2_landscape.png',3000);
}
</script>
任意のイベントで表示する例
<script type="text/javascript" charset="utf-8">
function sameButtonClick() {
//javascriptでタイムアウト
applican.splashscreen.show('splash/splash1_portrait.png', 'splash/splash1_landscape.png');
setTimeout(function() {
applican.splashscreen.hide();
}, 2000);
}
</script>
解説
applican.splashscreen.showの第一引数に縦表示用の画像を、第二引数に横表示用の画像をwebディレクトリからの相対パスで指定しています。第三引数はスプラッシュを非表示にするまでの時間をミリ秒で指定します。
第三引数を指定せず、JavascriptのTimerで非表示にも出来ます。
画面イメージ
