quelle est la meilleure façon de créer un écran de menu avec un fond d'image zoomable

Question

Je dois créer un écran avec des boutons ou des points d'accès que je prévois d'utiliser comme éléments de menu pour me conduire à une autre partie de l'application. L'image est un plan d'étage et je veux cliquer sur des noms ou des boutons ou des graphiques à utiliser comme navigation. Je suis au début et je suis à la recherche d'une direction sur laquelle se concentrer. Dois-je effectuer des calculs complexes en fonction de l'emplacement de l'image et de l'emplacement du clic ou puis-je corriger les boutons d'une vue et la rendre zoomable?

Je pense peut-être que je devrais ajouter que je veux que le menu pour commencer plein écran, mais les utilisateurs de pouvoir pincer, zoomer et faire glisser l'écran de menu juste pour le rendre plus facile pour les utilisateurs de voir des icônes et du texte

Merci

Je cherchais des solutions possibles et ai lu sur l'utilisation d'une vue sous mon image avec différentes couleurs où je veux écouter des clics, et les clics retourneraient des couleurs. Je pense que cela pourrait être la voie à suivre, une image ci-dessous avec différentes sections colorées serait redimensionner la même chose que l'image ci-dessus afin que mes zones cliquables seraient toujours dans la bonne position. Si quelqu'un peut me dire comment y parvenir ou idéalement me diriger vers un tutoriel qui serait excellent.

Answer 1

bien ... Je vous suggère de faire un détecteur de vue "zone chaude" au-dessus d'une vue de surface qui détecte les robinets, mais si cela est unique, vous pouvez facilement découper l'image dans photoshop et juste dessiner un groupe d'images, disposées les unes à côté des autres et servant de boutons individuels. Vous pouvez animer leur layout_width/height lorsque vous cliquez dessus, ce qui les met automatiquement de côté pour produire l'effet de zoom sur la zone qui vous intéresse.