Petak peta untuk aplikasi Windows

Petak peta adalah representasi aplikasi pada menu Mulai. Setiap aplikasi memiliki petak peta. Saat Anda membuat proyek aplikasi Windows baru di Microsoft Visual Studio, ini menyertakan petak peta default yang menampilkan nama dan logo aplikasi Anda. Windows menampilkan petak peta ini saat aplikasi Anda pertama kali diinstal. Setelah aplikasi diinstal, Anda dapat mengubah konten petak melalui pemberitahuan; misalnya, Anda dapat mengubah petak peta untuk mengomunikasikan informasi baru kepada pengguna, seperti judul berita, atau subjek pesan terbaru yang belum dibaca.

Mengonfigurasi petak peta default

Saat Anda membuat proyek baru di Visual Studio, proyek membuat petak peta default sederhana yang menampilkan nama dan logo aplikasi Anda.

Untuk mengedit petak peta Anda, klik dua kali file Package.appxmanifest di proyek UWP utama Anda untuk membuka perancang (atau klik kanan file dan pilih Tampilkan Kode).

  <Applications>
    <Application Id="App"
      Executable="$targetnametoken$.exe"
      EntryPoint="ExampleApp.App">
      <uap:VisualElements
        DisplayName="ExampleApp"
        Square150x150Logo="Assets\Square150x150Logo.png"
        Square44x44Logo="Assets\Square44x44Logo.png"
        Description="ExampleApp"
        BackgroundColor="#464646">
        <uap:SplashScreen Image="Assets\SplashScreen.png" />
      </uap:VisualElements>
    </Application>
  </Applications>

Ada beberapa item yang harus Anda perbarui:

  • DisplayName: Ganti nilai ini dengan nama yang ingin Anda tampilkan di petak peta Anda.

  • ShortName: Karena ada ruang terbatas agar nama tampilan Anda pas pada petak peta, kami sarankan Anda untuk menentukan ShortName juga, untuk memastikan nama aplikasi Anda tidak terpotong.

  • Gambar logo:

    Anda harus mengganti gambar-gambar ini dengan gambar Anda sendiri. Anda memiliki opsi untuk menyediakan gambar untuk skala visual yang berbeda, tetapi Anda tidak diharuskan untuk menyediakan semuanya. Untuk memastikan bahwa aplikasi Anda terlihat bagus di berbagai perangkat, kami sarankan Anda menyediakan versi skala 100%, 200%, dan 400% dari setiap gambar. Lihat Ikon dan logo aplikasi untuk mempelajari selengkapnya tentang membuat aset ini.

    Gambar berskala mengikuti konvensi penamaan ini:

    <image name.scale-scale>< factor.<>ekstensi file gambar>

    Misalnya: SplashScreen.scale-100.png

    Saat Anda merujuk ke gambar, Anda menyebutnya sebagai <nama> gambar.<ekstensi> file gambar ("SplashScreen.png" dalam contoh ini). Sistem akan secara otomatis memilih gambar berskala yang sesuai untuk perangkat dari gambar yang telah Anda sediakan.

  • Anda tidak perlu, tetapi kami sangat menyarankan untuk menyediakan logo untuk ukuran petak peta yang lebar dan besar sehingga pengguna dapat mengubah ukuran petak peta aplikasi Anda ke ukuran tersebut. Untuk menyediakan gambar tambahan ini, Anda membuat elemen DefaultTile dan menggunakan atribut Wide310x150Logo dan Square310x310Logo untuk menentukan gambar tambahan:

  <Applications>
        <Application Id="App"
          Executable="$targetnametoken$.exe"
          EntryPoint="ExampleApp.App">
          <uap:VisualElements
            DisplayName="ExampleApp"
            Square150x150Logo="Assets\Square150x150Logo.png"
            Square44x44Logo="Assets\Square44x44Logo.png"
            Description="ExampleApp"
            BackgroundColor="#464646">
            <uap:DefaultTile
              Wide310x150Logo="Assets\Wide310x150Logo.png"
              Square310x310Logo="Assets\Square310x310Logo.png">
            </uap:DefaultTile>
            <uap:SplashScreen Image="Assets\SplashScreen.png" />
          </uap:VisualElements>
        </Application>
      </Applications>

Menggunakan pemberitahuan untuk menyesuaikan petak peta Anda

Setelah aplikasi diinstal, Anda dapat menggunakan pemberitahuan untuk menyesuaikan petak peta Anda. Anda dapat melakukan ini saat pertama kali aplikasi anda diluncurkan atau sebagai respons terhadap suatu peristiwa, seperti pemberitahuan push.

Untuk mempelajari cara mengirim pemberitahuan petak peta, lihat Mengirim pemberitahuan petak peta lokal.