Quel est le meilleur moyen pour Silerlight de rendre les zones d'un grand graphique cliquables?

Question

Dans une application Silverlight J'ai de grandes images qui ont organigrammes sur eux.

J'ai besoin de gérer les clics sur des zones sensibles spécifiques de l'image où se trouvent les boîtes de déroulement. Etant donné que les organigrammes seront toujours différents, les informations sur l'emplacement des points chauds doivent être dynamique, par exemple,

dans une liste de coordonnées.

J'ai trouvé l'article comme this one mais je n'ai pas besoin du détail de par ex. le contour des pays, mais simplement rectangle et zones zones.

J'ai aussi trouvé des articles où ils parlent superposant une HTML carte d'image sur l'application silverlight, mais il doit être plus facile que cela.

Quelle est la meilleure façon de gérer les clics sur des zones spécifiques d'une image dans Silverlight?

Answer 1

Placez l'image et un canevas dans une grille afin que le canevas recouvre l'image.

Ajouter des formes de tailles appropriées et les placer au besoin sur la toile. Toutes les formes auront un remplissage transparent et aucune bordure, d'où l'utilisateur ne voit que l'image. Sur le Canvas MouseDown (ou les événements Up), utilisez OriginalSource pour déterminer la forme qui a généré le clic. Utilisez la propriété Tag de chaque forme pour l'associer à un objet qui représente l'élément de diagramme en cours de mappage.

Answer 2

J'ai trouvé un moyen facile de faire cela sans une toile:

How to get the coordinates of an image mouse click in the event handler?