Comment ajouter des tuiles additionnelles à son application

Comment ajouter des tuiles additionnelles à son application

Mango qui vient de sortir en beta pour les développeurs permet à une application d’avoir plusieurs tuiles. Une principale correspondant à ce qui existe actuellement mais aussi des tuiles annexes pouvant ainsi pointer sur une partie spécifique de l’application.

Si je prend l’exemple de TVShow, un de mes applications permettant de suivre et de gérer ses séries télé, on pourrait imaginer que l’utilisateur puisse “accrocher” à la page d’accueil une tuile “Desperate Housewives” ou “Doctor Who” qui lorsque l’on clique dessus, pointe directement vers les infos relatives à ces séries

Pour cela on utilise le nouvel objet ShellTile qui possède notamment une propriété ActiveTiles qui liste l’ensemble des tuiles utilisées par l’application.

Une tuile est représenté par un objet StandardTileData, avec comme propriétés :

pour la face avant :

  • Title : le titre qui sera affiché dans la partie inférieur gauche de la tuile
  • BackgroundImage : le fond de la tuile
  • Count : le chiffre qui sera indiqué dans le compteur en haut à droite (si 0 alors pas de compteur)

pour la face arrière :

  • BackTitle : le titre
  • BackContent : le contenu (Texte)
  • BackBackgroundImage : le fond de la tuile

Une fois cet objet créé, il suffit juste d’appeler la méthode ShellTile.Create avec en paramètre l’uri de la page qui sera affiché lorsque l’on cliquera sur cette tuile.

Exemple :

var newtile= new StandardTileData()
{
Title = "Doctor Who",
Count = 12,
BackgroundImage = new Uri("img/lost.jpg", UriKind.Relative),
BackTitle = "lundi 26 mai 2011",
BackContent = "prochain épisode",
BackBackgroundImage = new Uri("img/backtile.jpg", UriKind.Relative)
};

ShellTile.Create(new Uri("/Episode.xaml?id=123", UriKind.Relative), newtile);

Comments are closed.