次の方法で共有


スプラッシュ画面の追加

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

Visual Studio でスプラッシュ画面の画像と背景色を設定する

Visual Studio テンプレートを使用してアプリを作成すると、既定のイメージがプロジェクトに追加され、スプラッシュ画面イメージとして設定されます。 スプラッシュ画面の背景色は、既定で薄い灰色に設定されます。 アプリのスプラッシュ画面の既定の画像または色を変更する場合は、次の手順に従います。

  1. Visual Studio で既存の ユニバーサル Windows プラットフォーム (UWP) アプリ プロジェクトを開きます。

  2. ソリューション エクスプローラーから、"Package.appxmanifest" ファイルを開きます。 このファイルをメニュー バーから開くには、 Project>Store>Edit App Manifest を選択します。

  3. Visual Assets タブを開き、[Package.appxmanifest] ウィンドウの左側にある All Visual Assets ウィンドウから Splash Screen を選択します。 初めてスプラッシュ画面を変更する場合は、[スプラッシュ画面] フィールドに "Assets\SplashScreen.png" というパスが表示されます。

    次のスクリーン ショットは、Visual Studio の "Package.appxmanifest" ウィンドウを示しています。 プロジェクトの種類に応じて、ビジュアル アセットのセットが少し異なります。

    Visual Studio 2019 の

    テキスト エディターで "Package.appxmanifest" を開くと、SplashScreen 要素VisualElements 要素の子として表示されます。 マニフェスト ファイルの既定のスプラッシュスクリーン マークアップは、テキスト エディターでは次のようになります。

    <uap:SplashScreen Image="Assets\SplashScreen.png" />
    
  4. UWP アプリの新しいスプラッシュスクリーンイメージを選択するには、Scaled Assetsの下の1240 x 600 pxラベルの横に表示される省略記号付きのボタンを押します。 スプラッシュ画面の画像に使用する 1240 x 600 ピクセルの画像 (.png、.jpg、または.jpeg) を選択します。

    重要 選択するスプラッシュ画面の画像は、等倍のスケール ファクターを使った 620 x 300 ピクセルの画像である必要があります。 また、スプラッシュ画面を設計するときは、画面よりも小さく、中央に配置されることに注意してください。 Windows Phone ストア アプリのスプラッシュ画面のように画面が塗りつぶされることはありません。

  5. Windows Phone ストア アプリの新しいスプラッシュスクリーン イメージを選択するには、 1152 x 1920 px ラベルの横に表示される省略記号付きのボタン クリックします。 スプラッシュ画面の画像に使用する 1152 x 1920 ピクセルの画像 (.png、.jpg、または.jpeg) を選択します。

    重要 選んだスプラッシュ画面の画像は、2.4 倍のスケール ファクターに適したサイズである 1152 x 1920 ピクセルである必要があります。 これが提供する唯一の資産である場合は、1.4 倍と 1 倍のスケール ファクターでスケールダウンされます。

  6. Splash Screen セクションの [背景の色 フィールドで、スプラッシュ画面の画像と共に表示される背景色を設定します。 色の名前を指定することも、'#' と色を表す 16 進数を指定することもできます。 使用可能な色の名前の一覧については、「 SplashScreen 要素を参照してください。 スプラッシュ画面の背景色の設定は省略可能です。 UWP アプリの色を指定しない場合は、スプラッシュ画面の背景色が既定で、薄い灰色 (16 進数 #464646) に設定されます。 これは、既定の Tile 背景色と同じ色です ([ビジュアル アセット] タブの [タイルの画像とロゴ] セクションの [背景の色] フィールドを参照)。 Windows Phone の色を指定しない場合、または "透明" に設定すると、スプラッシュ画面の背景色は透明になります。

まとめと次のステップ

アプリの読み込みに時間がかかる場合は、拡張スプラッシュ画面を追加することを検討してください。 詳細なガイダンスについては、「 カスタマイズされたスプラッシュスクリーンを作成するを参照してください。