Vývoj pre Windows 8.1 II – vylepšené dynamické dlaždice

Vo Windows 8.1 sú dispozícii dve nové veľkosti dynamických dlaždíc – malá 70 × 70 pixelov a veľká štvorcová 310 × 310 pixelov. Veľká dlaždica sa hodí pre aplikácie, ktoré potrebujú na dlaždici zobraziť veľa informácií, či už sa jedná o zoznam správ, podrobnejšiu predpoveď počasia a podobne. Malú štvorcovú dlaždicu (s polovičnou dĺžkou strany pôvodnej štvorcovej dlaždice 70 x 70) zas použijete pre aplikácie, ktoré na dlaždiciach nezobrazujú žiadne informácie. Typickým príkladom sú dlaždice desktopových aplikácií. Okrem nových rozmerov bola inovovaná aj funkcionalita dynamických dlaždíc. Dlaždicu môžete deklarovať v manifeste aplikácie. Obsah dlaždice sa začne aktualizovať, hneď ako používateľ aplikáciu nainštaluje – už nemusí aplikáciu najskôr spustiť. Pri vytváraní sekundárnych dlaždíc aplikácia ponúka viac možností pre veľkosť a grafickú podobu.

Nové veľkosti dynamických dlaždíc umožňujú používateľom kreatívnejšie

Nové veľkosti dynamických dlaždíc pre Windows 8.1 aplikáciu sa definujú v aplikačnom manifeste

Zadanie pre grafika v prípade ak sa nevyužije škálovanie grafických prvkov podľa mierky

  • Obrázok pre úvodnú obrazovku: SplashScreen.png – rozmer 620 x 300 pixelov
  • Obrázok pre štvorcovú dlaždicu: Logo.png – rozmer 150 x 150 pixelov
  • Obrázok pre veľkú štvorcovú dlaždicu: Logo.png – rozmer 150 x 150 pixelov
  • Obrázok pre obdĺžnikovú dlaždicu: SquareLogo.png – rozmer 310 x 150 pixelov
  • Obrázok pre malú dlaždicu (ikonu): SmalLogo.png – rozmer 30 x 30 pixelov
  • Obrázok pre Windows Obchod: StoreLogo.png – rozmer 50 x 50 pixelov

Ak by sa využilo škálovanie, čiže aby dlaždice a ostatné grafické prvky dobre vyzerali od malého tabletu 1024×768 až po displej vodorovným rozlíšením nad 2500 pixelov je potrebné vytvoriť jednotlivé grafické prvky vo viacerých mierkach v rozmeroch (číslo v názve obrázku udáva percentuálne zvačšenie)

Obrázok pre úvodnú obrazovku

  • SplashScreen.scale-100.png – rozmer 620 x 300 pixelov
  • SplashScreen.scale-140.png – rozmer 868 x 420 pixelov
  • SplashScreen.scale-180.png – rozmer 1116 x 540 pixelov

Malá dlaždica (ikona)

  • SmallLogo.scale-80.png (24 x 24 pixelov)
  • SmallLogo.scale-100.png (30 x 30 pixelov)
  • SmallLogo.scale-140.png (42 x 42 pixelov)
  • SmallLogo.scale-180.png (54 x 54 pixelov)

Štvorcová dlaždica

  • Logo.scale-80.png (120 x 120 pixelov)
  • Logo.scale-100.png (150 x 150 pixelov)
  • Logo.scale-140.png (210 x 210 pixelov)
  • Logo.scale-180.png (270 x 270 pixelov)

Veľká štvorcová dlaždica

  • SquareLogo.scale-80.png (248 x 248 pixelov)
  • SquareLogo.scale-100.png (310 x 310 pixelov)
  • SquareLogo.scale-140.png (434 x 434 pixelov)
  • SquareLogo.scale-180.png (558 x 558 pixelov)

Obdĺžniková dlaždica

  • WideLogo.scale-80.png (248 x 120 pixelov)
  • WideLogo.scale-100.png (310 x 150 pixelov)
  • WideLogo.scale-140.png (434 x 210 pixelov)
  • WideLogo.scale-180.png (558 x 270 pixelov)

Logo pre Windows obchod

  • StoreLogo.scale-100.png (50 x 50 pixelov)
  • StoreLogo.scale-140.png (70 x 70 pixelov)
  • StoreLogo.scale-180.png (90 x 90 pixelov)

Posielanie oznámení na dynamické dlaždice

Najväčším problémom je kompatibilita so starými Windows 8 aplikáciami. Problém je, že keď pošlete oznámenia na dlaždicu, neviete, či ho prijme aplikácia vo Windows 8.1 alebo aplikácia vo Windows 8. Nové názvy šablón rozoznáva iba Windows 8.1. Microsoft to vyriešil rozlišovacím atribútom fallback, ktorý sa používa iba pre pôvodnú štvorcovú (150×150) a obdĺžnikovú (310×150). U ostatných dlaždíc je situácia jednoznačná, nakoľko nové dlaždice v starých aplikáciách neboli. Ak použijete nové názvy šablón a atribút fallback, nastavte atribút version na hodnotu 2.

<tile>

<visual version=”2″>

<binding template=”TileSquare150x150Image” fallback=”TileSquareImage” branding=”None”>

<image id=”1″ src=”Assets/Images/d1.png”/>

</binding>

<binding template=”TileWide310x150Image” fallback=”TileWideImage” branding=”None”>

<image id=”1″ src=”Assets/Images/d2.png”/>

</binding>

<binding template=”TileSquare310x310Image” branding=”None”>

<image id=”1″ src=”Assets/Images/d3.png”/>

</binding>

</visual>

</tile>

Šablónu pre veľkú štvorcovú dlaždicu (310×310) musíte umiestniť až na konci, nakoľko Windows 8 keď narazí na šablónu, ktorú nepozná, zastaví parsovanie oznámenia.

Reklamy

Pridaj komentár

Zadajte svoje údaje, alebo kliknite na ikonu pre prihlásenie:

WordPress.com Logo

Na komentovanie používate váš WordPress.com účet. Odhlásiť sa / Zmeniť )

Twitter picture

Na komentovanie používate váš Twitter účet. Odhlásiť sa / Zmeniť )

Facebook photo

Na komentovanie používate váš Facebook účet. Odhlásiť sa / Zmeniť )

Google+ photo

Na komentovanie používate váš Google+ účet. Odhlásiť sa / Zmeniť )

Connecting to %s


%d bloggers like this: