Encore un basic simple et efficace : la scrollbar.
Celle ci propose quelques options pratiques : le redimensionnement, l’affichage ou non des flèches haut et bas, la taille proportionnelle ou non du curseur, le tween du contenu, l’intégration du swfMacMouseWheelHandler et l’orientation horizontale et verticale.

La classe swfMacMouseWheel est celle proposée par EarthBrowser dont je vous ai déjà parlé ici, qui intègre le fichier JavaScript directement dans la classe action script afin de ne pas avoir a inclure le fichier js.

Le fla est disponible pour skinner la scrollbar (dans ASSETS/FLA/).
Cette classe est utilisable en SWC également (dans ASSETS/SWC/).

Téléchargez les sources ici : FS_Scrollbar (226)

Aperçu :

Exemple d’utilisation :


import com.fs.utils.FS_Scrollbar;
var _scrollerVertical:FS_Scrollbar = new FS_Scrollbar( content_mc, mask_mc, null, FS_Scrollbar.ORIENTATION_V, 0.5, true, true, true);
addChild(_scrollerVertical);

La scrollbar est basée sur la taille du mask appliqué au clip a scoller.

Méthodes publiques :

• FS_Scrollbar(targetRef:MovieClip,maskRef:MovieClip,stageRef:Stage=null, _orientation:String = « vertical », _durationTween:Number = 1,_isArrow:Boolean = true,_isTrackProportional:Boolean = true,_isTweening:Boolean = true)
  • targetRef : clip a scroller
  • maskRef : masque de content_mc, c’est sur la hauteur de ce masque que la taille de la scrollbar s’adapte
  • stageRef : référence a la scène permet d’implémenter le macMouseWheel et de tracker l’évènement MOUSE_UP en dehors de la zone de scroll
  • _orientation : orientation de la scrollbar. FS_Scrollbar.ORIENTATION_V ou FS_Scrollbar.ORIENTATION_H
  • _durationTween : précise la durée du tween si les tween sont actifs
  • _isArrow : indique si on affiche ou pas les fleches top et bottom
  • _isTrackProportional : indique si le curseur se redimensionne proportionnellement a la taille du contenu par rapport a la hauteur du masque
  • _isTweening : indique si on tween le contenu ou pas lors d’un évènement scroll
• enable(value:Boolean)
  Active ou désactive les évènements de la scrollbar
• update()
  Met a jour la taille de la scrollbar par rapport au masque. (hauteur et largeur)

Téléchargement :

Téléchargez les sources ici : FS_Scrollbar (226)