スプラッシュ画面の追加 (HTML)

[ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください]

目的

すべての Windows ランタイム アプリにはスプラッシュ画面が必要です。スプラッシュ画面は、スプラッシュ画面画像と背景色を組み合わせたものであり、どちらもカスタマイズすることができます。

スプラッシュ画面は、ユーザーがアプリを起動すると即座に表示されます。これによって、アプリ リソースの初期化中であることがユーザーに示されます。 アプリが操作できる状態になると、スプラッシュ画面が閉じます。

スプラッシュ画面が適切にデザインされていると、アプリがより魅力的なものになります。装飾の少ないシンプルなスプラッシュ画面の例を以下に示します。

スプラッシュ画面のサンプルから取り込んだ 75% 縮小のスプラッシュ画面のスクリーン キャプチャ

以下のスプラッシュ画面は、緑の背景色と透過的な PNG を組み合わせて作られています。

画像と背景色を組み合わせてスプラッシュ画面を作ると、アプリがインストールされているデバイスに関係なく、スプラッシュ画面が適切に表示されます。スプラッシュ画面が表示されるとき、背景のサイズだけがさまざまな画面サイズに合わせて変更されます。画像のサイズは常に変わりません。

また、SplashScreen クラスを使うと、アプリの起動エクスペリエンスをカスタマイズできます。アプリ UI の準備やネットワーク操作の完了などの追加のタスクをアプリが行う時間を作るために、追加スプラッシュ画面 (作成したもの) を配置できます。さらに、SplashScreen クラスを使うと、スプラッシュ画面が消えるときに通知を受け取って、導入アニメーションを開始できます。

詳しくは、「スプラッシュ画面のガイドラインとチェック リスト」をご覧ください。

このセクションの内容

トピック 説明

クイック スタート

Microsoft Visual Studio 2013 を使ってアプリのスプラッシュ画面の画像と背景色を設定します。

スプラッシュ画面を拡張する方法

追加スプラッシュ画面を作成すれば、より長い時間、スプラッシュ画面を表示することができます。 多くの場合、この画面はアプリの起動時に表示されるスプラッシュ画面に似た設計になっていますが、すべてカスタマイズできます。

 

関連トピック

スプラッシュ画面のサンプル

スプラッシュ画面のガイドラインとチェック リスト

名前空間

Windows.ApplicationModel.Activation

Windows.UI.WebUI

クラス

Windows.ApplicationModel.Activation.SplashScreen