Composant Zoom avec MiniMap - FLEX

KCZoomManager & KCZoomManagerContainer sont des composants graphiques Flex vous permettant d’ajouter des fonctionnalités de zoom et de déplacement à votre application.

KCZoomManager affiche une mini-carte de la zone pilotée et permet un déplacement optimal sur la zone par la gestion des clicks et de la molette de la souris.

KCZoomContainer permet un zoom fluide et la possibilité de déplacer la zone zoomée par Drag&Drop. KCZoomContainer peut être également utilisé de manière autonome pour ses fonctions embarquées.

• Consulter la documentation ASDOC
• Télécharger la version d'évaluation de KCZoomManagerLibrary
• Télécharger la version d'évaluation de KCZoomManagerComponent

Démonstration

N’hésitez pas à jouer avec les différentes propriétés, utiliser les clicks et la molette de la souris.

La démonstration montre différents cas :
1.    Contrôle d’une image
2.    Contrôle d’une zone contenant des composants modifiables

• Curseur « déplacer » – propriété moveMouseCursor. Permet d’afficher un curseur de déplacement sur la zone de contrôle lorsqu’un déplacement est possible (zoom > 100%).

• Respect de la taille du conteneur - propriété zoneRespectContainerAspectRatio. Cette propriété permet de spécifier que la zone représentée respecte l’aspect du conteneur. Cela est particulièrement utile pour éviter une représentation distordue du conteneur quand celui-ci est représenté par une miniature (voir propriété containerThumbDisplayed).

• Affichage des infos-bulles sur les boutons – propriété showButtonsHint. Permet d’afficher/masquer les infos bulles sur les boutons de contrôle de zoom. 

• Amélioration du rendu des images zoomées – propriété smoothImages. Permet automatiquement d’appliquer un effet « smooth » sur les images améliorant nettement leur rendu lors du zoom (pas de pixellisation mais un effet de flou ». 

• Affichage d’une miniature du conteneur – propriété containerThumbDisplayed. Permet la représentation du conteneur en tant que miniature. Cela est très pratique pour l’utilisateur pour facilement choisir la zone zoomée. 

• Affichage de la réglette de contrôle du zoom – propriété zoomControlSliderDisplayed. Permet d’afficher/masquer la réglette de contrôle du zoom. noter que si la réglette ainsi que les boutons de contrôle de zoom sont masqués, la boite de contrôle est également masquée.
  

• Affichage du libellé de facteur de zoom – propriété zoomFactorDisplayed. Permet d’afficher/masquer le facteur de zoom. 

• Zoom minimal – propriété minZoomFactor. Permet de configurer le zoom minimal possible. 

• Zoom maximal – propriété maxZoomFactor. Permet de configurer le zoom maximal possible. 

• Choix de la position des contrôles de zoom – propriété zoomControlsPosition. Permet de configurer l’emplacement des contrôles de zoom et d’ajuster ainsi l’interface à vos besoins. 

• Choix de la position du libellé de facteur de zoom – propriété zoomFactorPosition. Permet de configurer l’emplacement du libellé de facteur de zoom et d’ajuster ainsi l’interface à vos besoins.

• Couleur de fond de la zone représentant le conteneur – style containerBackgroundColor. Permet de spécifier la couleur de fond de la zone représentant le conteneur et ainsi d’adapter le composant à votre charte graphique.

• Couleur de fond de la zone de pilotage du zoom – style mapControlBackgroundColor. Permet de spécifier la couleur de la zone de pilotage du zoom et ainsi d’adapter le composant à votre charte graphique. 

• Couleur de fond de la zone de pilotage du zoom – style zoomControlBackgroundColor. Permet de spécifier la couleur de fond des contrôles de zoom.
  

La documentation complète du composant (AsDoc) est disponible sur demande