Spiria logo.
Louis-David Gaumont
dans «  Développement desktop  »,
07 septembre 2016.

Personnaliser les tuiles d’une application Windows

Comment personnaliser les tuiles d’applications Windows 8.1 (et peut-être 10, qui sait ?) :Si vous avez déjà réalisé une application pour Windows 8.1, vous savez qu’à un moment donné vous aurez besoin de créer une tuile.

Windows 8 Start Menu.

Comment personnaliser les tuiles d’applications Windows 8.1 (et peut-être 10, qui sait ?) :

Si vous avez déjà réalisé une application pour Windows 8.1, vous savez qu’à un moment donné vous aurez besoin de créer une tuile.

Si vous développez avec .NET sous Windows 8.1, c’est très facile à faire. Visual Studio propose un écran très clair qui vous permet de tout renseigner en une seule fois :

App package manifest / Visual Assets.

Cependant, si vous êtes sur une autre plateforme, ou si vous n’avez pas créé le programme dans Visual Studio, vous allez vite vous rendre compte que ce n’est pas si évident.

Ne craignez rien : le faire à la main n’est pas très compliqué.

Tout ce que vous devez savoir est la façon de créer un fichier Visual Element Manifest.

Pour un programme appelé “MonApplication”, créez un fichier dénommé MonApplication.VisualElementManifest.xml.

Cela va dire à Windows de prendre en compte des informations relatives à des éléments graphiques.

Dans ce fichier, vous devrez écrire quelque chose qui ressemblerait à ça :


  

BackgroundColor peut être n’importe quelle valeur hexadécimale ou un nom de couleur prédéfinie parmi les suivants :

Fuchsia Teal Orange White
Purple Lime Red Black
Blue Green Maroon  
Navy Olive Silver  
Aqua Yellow Gray  

ShowNameOnSquare150x150Logo est le paramètre pour demander à Windows d’afficher le nom de l’application sur la tuile 150. Cela requiert que le nom de l’application soit connu de Windows ; malheureusement, cela ne fonctionnent pas toujours très bien avec les applications réalisées en dehors de Visual Studio.

ForegroundText est un paramètre disant à Windows quel type d’ombrage utiliser pour le texte. Il y a deux possibilités :

  • “light” pour des caractères blancs,
  • “dark” pour des caractères noirs.

Square150x150Logo est le paramètre pour spécifier le chemin d’accès au fichier de l’image 150. L’image doit faire 1024 x 1024 pixels, en .jpg, .jpeg ou .gif, et ne doit pas peser plus de 200 ko.

Square70x70Logo est le paramètre pour spécifier le chemin d’accès au fichier image 70. L’image obéit aux mêmes règles que la version 150.

Pour que cela fonctionne, les images 150 et 70 doivent être toutes les deux spécifiées, sinon, c’est tout le fichier qui sera ignoré.

Partager l’article :