Bagikan melalui


Menambahkan layar percikan

Atur gambar layar splash dan warna latar belakang aplikasi Anda menggunakan Microsoft Visual Studio.

Mengatur gambar layar splash dan warna latar belakang di Visual Studio

Saat Anda menggunakan templat Visual Studio untuk membuat aplikasi, gambar default ditambahkan ke proyek Anda dan ditetapkan sebagai gambar layar percikan. Warna latar belakang untuk layar splash Anda default ke abu-abu muda. Jika Anda ingin mengubah gambar atau warna default layar splash aplikasi Anda, ikuti langkah-langkah berikut:

  1. Buka proyek aplikasi Platform Windows Universal (UWP) yang ada di Visual Studio.

  2. Dari Penjelajah Solusi, buka file "Package.appxmanifest". Anda juga dapat membuka file ini dari bilah menu dengan memilih Project>Store>Edit App Manifest.

  3. Buka tab Aset Visual dan pilih Splash Screen dari panel Semua Aset Visual di sisi kiri jendela "Package.appxmanifest". Jika Anda mengubah layar splash untuk pertama kalinya, Anda akan melihat jalur "Aset\SplashScreen.png" di bidang Layar Splash.

    Cuplikan layar berikut menunjukkan jendela "Package.appxmanifest" di Visual Studio. Tergantung pada jenis proyek, Anda akan melihat serangkaian aset visual yang sedikit berbeda.

    cuplikan layar jendela

    Jika Anda membuka "Package.appxmanifest" di editor teks, elemen SplashScreen muncul sebagai turunan dari elemen VisualElements. Markup layar percikan default dalam file manifes terlihat seperti ini di editor teks:

    <uap:SplashScreen Image="Assets\SplashScreen.png" />
    
  4. Untuk memilih gambar layar splash baru untuk aplikasi UWP, tekan tombol dengan elipsis yang muncul di samping label 1240 x 600 px di bawah Aset Berskala. Pilih gambar 1240 x 600 piksel (.png, .jpg, atau .jpeg) yang ingin Anda gunakan untuk gambar layar splash Anda.

    Penting Gambar layar splash yang Anda pilih harus 620 x 300 piksel menggunakan faktor penskalakan 1x. Selain itu, saat merancang layar splash Anda, perhatikan bahwa layar lebih kecil dari layar, dan berpusat. Ini tidak mengisi layar seperti layar percikan untuk aplikasi Windows Phone Store.

  5. Untuk memilih gambar layar splash baru untuk aplikasi Windows Phone Store, tekan tombol dengan elipsis yang muncul di samping label 1152 x 1920 px di bawah Aset Berskala. Pilih gambar 1152 x 1920 piksel (.png, .jpg, atau .jpeg) yang ingin Anda gunakan untuk gambar layar splash Anda.

    Penting Gambar layar splash yang Anda pilih harus 1152 x 1920 piksel yang ukurannya benar untuk faktor penskalaan 2,4x. Jika ini adalah satu-satunya aset yang Anda berikan maka akan diturunkan skalanya untuk faktor penskalaan 1,4x dan 1x.

  6. Di bidang Warna Latar Belakang di bagian Layar Percikan, atur warna latar belakang yang ditampilkan dengan gambar layar percikan Anda. Anda dapat memasukkan nama warna atau '#' dan nilai hex warna. Untuk daftar nama warna yang tersedia, lihat elemen SplashScreen. Mengatur warna latar belakang untuk layar splash Anda bersifat opsional. Jika Anda tidak menentukan warna untuk aplikasi UWP, warna latar belakang layar splash default ke abu-abu muda (nilai heksa #464646). Ini adalah warna yang sama dengan warna latar belakang petak peta default (lihat bidang Warna Latar Belakang dari bagian Gambar petak peta dan Logo di tab Aset Visual). Jika Anda tidak menentukan warna untuk Windows Phone, atau mengaturnya ke "transparan", maka warna latar belakang layar splash akan transparan.

Ringkasan dan langkah berikutnya

Jika aplikasi Anda membutuhkan waktu cukup lama untuk dimuat, pertimbangkan untuk menambahkan layar splash yang diperluas. Untuk panduan langkah demi langkah, lihat Membuat layar splash yang dikustomisasi.