Creare le icone per la ApplicationBar di Windows Phone 8

Secondo quanto riportato nella documentazione ufficiale, le impostazioni delle icone devono essere grandi 48x48 pixel con un background trasparente e con un disegno compreso in un’area centrale di 26x26 pixel di colore bianco. In questo modo il sistema operativo può mostrare l’icona in modo corretto per entrambi gli sfondi (chiaro/scuro) impostabili dall’utente nel tema del telefono.

Ma in Windows Phone 8 sono state introdotte nuove misure di display (WVGA, WXGA e 720p) e per questo motivo le misure sono cambiate, tant’è vero che le icone contenute nella cartella
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v8.0\Icons
sono di 76x76 pixel.

Il mio strumento preferito per la realizzazione di icone utili allo sviluppo di applicazioni Windows Store è Syncfusion Metro Studio 2

image

Io lo uso anche anche per creare le icone per la ApplicationBar di Windows Phone 8 seguendo i seguenti passi:

1. Imposto la dimensione a 128x128 pixel, il background a “cerchio” e il foreground a White.

image

2. Regolo il padding intorno ai 30 pixel (ma dipende dall’icona che sto editando, utilizzando il background a “cerchio” per vedere l’effetto che assumerà sul Windows Phone)

3. Una volta regolato il padding imposto il background a “trasparente” (Il cerchio poi verrà aggiunto dal sistema operativo di Windows Phone quindi l’icona non deve averlo)

4. Esporto l’icona in formato “png”.

5. Con un programma di editing, come ad esempio Paint.Net, faccio il ridimensionamento dell’icona a 76x76 pixel.

E il gioco è fatto.

Happy coding!

UPDATE: poiché pare che l’immagine dentro l’icona dev’essere al massimo di 42 pixel e che Syncfusion Metro Studio 2 consente di impostare la dimensione esatta, un modo molto più rapido è il seguente:

1. Imposto la dimensione a 76 pixel, il padding a 17 (76-42 diviso 2) il background a trasparente e il foreground a White:

image

2. Esporto l’icona in formato “png”.

Happy coding!

«gennaio»
domlunmarmergiovensab
303112345
6789101112
13141516171819
20212223242526
272829303112
3456789