Contexte :
Sur notre MOSS, nous avons des actualités classées par pays et continents.
Pour rendre l’affichage plus ludique, nous avons décidé d’afficher les news en fonction des choix d’une carte.
Voici les captures du résultat final :
On clique sur un continent, et on a les news qui s’affichent sur la droite.
Mais pour l’Europe, un zoom est nécessaire afin de filtrer par pays
Donc, chaque continent et chaque pays de l’Europe est une zone sélectionnable.
La solution :
Pour pouvoir faire ces cartes, je suis parti d’un format vectoriel de la carte des continents et de la carte des pays de l’Europe.
Ensuite, il a fallu transformer le tout en XAML.
Pour transformer chaque continent/pays en “Path” Silverlight, j’ai utilisé un logiciel très intéressant : ViewerSVG
Il n’est pas très cher et permet de transformer tout objet SVG en XAML. Parfait pour utiliser des images créées par un designer.
Aucun commentaire:
Enregistrer un commentaire