KCCalendar tags

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.

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.
A 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 de la réglette de contrôle du zoom – propriété zoomControlButtonsDisplayed
Permet d’afficher/masquer les boutons de contrôle du zoom.
A 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.