begin process at 2010 02 10 13:06:07
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

ActionScripts

 > CLASS SCROLLBAR COMPLETEMENT PARAMETRABLE

CLASS SCROLLBAR COMPLETEMENT PARAMETRABLE


 Information sur la source

Note :
9,11 / 10 - par 9 personnes
9,11 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :ActionScripts Classé sous :ScrollBar, scroller, barre, defilement, deplacement Niveau :Initié Date de création :03/11/2007 Date de mise à jour :05/04/2008 15:48:44 Vu / téléchargé :16 589 / 2 066

Auteur : stefbuet

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (72)
Ajouter un commentaire et/ou une note


 Description

Cliquez pour voir la capture en taille normale
Cette class fait des scrolls barres, pour des clips.
Elle est entièrement parametrable au niveaux des couleurs, et positions, marge, etc... (voir doc)
Facile d'utilisation. Elle gere la molette de la sourie.

L'interet par rapport aux autres scrolls barres, c'est qu'elle est légère car aucun graphisme autre que dans l'AS.
Sinon, moi je l'ai faite car dans une des mes anims, car je ne pouvais pas utiliser de composants Flash dedant...

Source

  • //fichier test scrollbarre.fla : utilisation de la class :
  • //ici, on utilise tous les parametrages possibles bien qu'ils aient des valeurs par default :
  • import scrollBar; //importation de la class
  • color=new Array(); //création de l'array de cnfiguration des couleurs
  • color[0]=0x6F6F6F; //background
  • color[1]=0x4DC4C2; //up & down
  • color[2]=0x3DD34B; //middle
  • color[3]=0xffffff; //fleches up & down
  • color[4]=undefined; // ne sert à rien
  • color[5]=0x1F8B29; //middle appuyé
  • color[6]=0x0E3F12; //middle survolé
  • color[7]=0x0156A9; //up & down cliqué
  • color[8]=0x8E74FA; //up & down survolé
  • color[9]=0xD5D5D5; //couleur de fond du clip scrollé (false pour ne pas utiliser)
  • config=new Array(); //création de l'array de configuration de la scrollBar
  • config[0]=true; //true pour faire un cadre autour du clip a scroller, sinon false
  • config[1]="right"; //position de la scrollBar par rapport au clip a scroller ("right" ou "left")
  • config[2]=40; //hauteur middle bouton
  • config[3]=0.75; //vitesse scrollbar (1=normal, 2= 2 fois plus rapide)
  • config[4]=false; //montrer le curseur main sur les boutons up & down & middle ? (true/false)
  • config[5]=25; //marge sur la gauche
  • config[6]=25; //marge sur la droite
  • config[7]=25; //marge en haut
  • config[8]=25; //marge en bas
  • config[9]=true; //utilisation ou pas de la gestion molette sourie
  • config[10]=4; //vitesse lors du scroll a la molette, a 1 = normal, je conseil 3 ou 4
  • barre=new scrollBar(this.texte,20,350,color,config);
//fichier test scrollbarre.fla : utilisation de la class :

//ici, on utilise tous les parametrages possibles bien qu'ils aient des valeurs par default :

import scrollBar; //importation de la class

color=new Array(); //création de l'array de cnfiguration des couleurs
color[0]=0x6F6F6F; //background
color[1]=0x4DC4C2; //up & down
color[2]=0x3DD34B;  //middle
color[3]=0xffffff; //fleches up & down
color[4]=undefined; // ne sert à rien
color[5]=0x1F8B29; //middle appuyé
color[6]=0x0E3F12; //middle survolé
color[7]=0x0156A9; //up & down cliqué
color[8]=0x8E74FA; //up & down survolé
color[9]=0xD5D5D5; //couleur de fond du clip scrollé (false pour ne pas utiliser)
config=new Array(); //création de l'array de configuration de la scrollBar
config[0]=true; //true pour faire un cadre autour du clip a scroller, sinon false
config[1]="right"; //position de la scrollBar par rapport au clip a scroller ("right" ou "left")
config[2]=40; //hauteur middle bouton
config[3]=0.75; //vitesse scrollbar (1=normal, 2= 2 fois plus rapide)
config[4]=false; //montrer le curseur main sur les boutons up & down & middle ? (true/false)
config[5]=25; //marge sur la gauche
config[6]=25; //marge sur la droite
config[7]=25; //marge en haut
config[8]=25; //marge en bas
config[9]=true; //utilisation ou pas de la gestion molette sourie
config[10]=4; //vitesse lors du scroll a la molette, a 1 = normal, je conseil 3 ou 4

barre=new scrollBar(this.texte,20,350,color,config);

 Conclusion

Documention de la class :

constructeur :
scrollBar(cible,lvl,width,height,colorConfig,scr ollConfig);
cible:MovieClip = clip à scroller
lvl:MovieClip = clip dans lequel mettre la barre (ex : _root)
width:Number = largeur de la scrollBar
height:Number = hauteur de la scrollBar (le texte visible aura cette hauteur)
colorConfig:Array = array de configuration des couleurs de la scrollBar
scrollConfig:Array = array de configuration de la scrollBar

autres fonctions :
getClip():MovieClip = retourne le clip de la scrollBar
getPosition():Object = retourne un object {x,y} de la position de la scrollBar
deleteScrollBar():Void = enleve la scrollBar (mais laisse le clip a scroller)
getDimentions():Object = retourne un object {width,height} des dimentions de la scrollBar
goToStart():Void = fait aller la scrollBar au debut
goToEnd():Void = fait aller la scrollBar à la fin


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

03 novembre 2007 12:38:29 :
orthographe
03 novembre 2007 12:43:04 :
orthographe
03 novembre 2007 12:52:09 :
Ajout de valeurs par default dans la class
05 novembre 2007 09:27:41 :
Corection d'un probleme : il y avait la pésence d'un petit espace de trop dans le clip scrollé car on pouvait déplacer le middle bouton d'un pixel de trop en bas.
07 novembre 2007 13:09:54 :
Ajout plusieurs parametres : -quatres parametre pour la scrollbar qui definissent les marges top,botom,right et left du clip à scroller, et en consequence, recodage de toutes les parties de la class -ajout d'un parametre de couleur permettant de faire un fond au clip scrollé
07 novembre 2007 13:11:40 :
Ajout d'une nouvelle capture d'écran
07 novembre 2007 13:12:43 :
la capture d'écan ne veux pas changer, dernier essais...
12 novembre 2007 21:15:23 :
Ajout de la gestion de la molette de la sourie, et donc cela est maintenant gerable grace à deux nouveau paramètres : scrollConfig[9] (true pour utiliser sinon false) et scrollConfig[10] (vitesse scroll a la molette) -plus de présisions dans les coms du code du fichier fla.
16 novembre 2007 18:30:38 :
Ajout d'un fichier compatible Flash 8 dans le zip ;)
13 février 2008 15:09:26 :
Modification affichage du cadre autour du clip a scroller : vous pouvez maintenant l'enlever ou le laisser en spécifiant true ou false a : colorConfig[0] Autre : modification description variables du constructeur : colorConfig[4] ne sert à rien et à été signalé.
05 avril 2008 15:48:45 :
Vous pouvez maintenant vraiment choisir d'utiliser ou non le cadre noir autour du clip scrollé via la valeur de scrollConfig[0] (true = cadre, false = pas de cadre). De plus, un bug au niveau de la couleur de fond (background) a été corrigé, maintenant vous n'avez plus besoin de laisser le cadre noir pour mettre un fond de couleur. Ensuite, les fonctions goToEnd et goToStart ont été modifiées car elle ne marchaient pas parfaitement, maintenant c'est le cas ;) Et pour finir, le SWF pour montrer le fonctionnement à été refait avec des boutons pour tester les fonctions goToEnd, goToStart et deleteScrollBar. Une nouvelle capture d'écran avec ce nouveau SWF.

 Sources du même auteur

Source avec Zip Source avec une capture ALCHEMY - FRACTALS VIEWER
Source avec Zip Source avec une capture [AS3 - CS4] CLASSE EFFET HDR GLOW
Source avec Zip Source avec une capture SPACE SURVIVOR
Source avec Zip Source avec une capture CLASS MOTEUR PARTICULES ENTIEREMENT PARAMETRABLE SIMPLE A UT...
Source avec Zip REDIMENTION AVEC RESIZUER DE CLIP

 Sources de la même categorie

Source avec Zip NAVIGATION DANS UN FICHIER XML par inaden
Source avec Zip Source avec une capture TWSCROLLBAR, UNE CLASSE DE SCROLLBAR SIMPLE ET PRATIQUE À UT... par Twinspirit
Source avec Zip Source avec une capture REBOND DE BALLON AVEC TWEEN par habibcode
Source avec Zip DIAPORAMA AS2 par ahmedhrbdj
Source avec Zip EXAMPLES DE TWEENS AS2 par rajas

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture TWSCROLLBAR, UNE CLASSE DE SCROLLBAR SIMPLE ET PRATIQUE À UT... par Twinspirit
Source avec Zip Source avec une capture ANIMATION FLASH, DÉPLACEMENT D'OBJET par lofawu
Source avec Zip VISITE À LA CAMPAGNE par quent191
Source avec Zip Source avec une capture FULLSCROLLBAR: AS3 SCROLLBAR CLASS par JeMi
Source avec Zip CLASSE DYNAMICBAR UNE BARRE PARAMETRABLE SANS LES COMPOSANTS... par Girou

Commentaires et avis

Commentaire de 93skala le 05/11/2007 00:54:10

super je prends , car c'est vrai que cela faisait un petit bout temps que j'esperais tombé sur une source comme ça !! sympa en tout cas a toi de partagé ! ;O)

Commentaire de niamor36 le 05/11/2007 15:52:00

Ça a l'air super, mais impossible de lire le fla. Visiblement, y'a un soucis avec la décompression du zip...

Commentaire de inaden le 06/11/2007 13:22:33 6/10

Bonjour,
Super, ça fait plaisir... Merci.
Parcontre, j'ai essayé de mettre le scroll sur un champ texte et je me retrouve avec un écran noir sur le texte.
Mon code d'appel est :

this.createTextField("my_txt", 10, 30, 10, 320, 100);
my_txt.autoSize = "left";
//my_txt.border = true;
my_txt.multiline = true;
my_txt.wordWrap = true;
var lorem_lv:LoadVars = new LoadVars();
lorem_lv.onData = function (src:String):Void {
    if (src != undefined) {
        my_txt.text = src;
    } else {
        my_txt.text = "Unable to load external file.";
    }
}
lorem_lv.load("texte.txt");

Qui fonctionne bien. J'ai remarqué que si je mets wordWrap sur false je n'ai plus d'écran noir, par contre, la taille de mon champs texte n'est plus respecté et il n'y a, évidement plus de passage à la ligne.
Peut-être as-tu une idée sur le probème. En tout cas, encore merci pour ce bel effort.

Commentaire de stefbuet le 06/11/2007 13:26:19

Oui j'ai une idée, c'est que c'est une scrollbar pour les clips, le rectangle noir, correspond à un clip qui est censé servire de masque au clip à scroller, mais comme c'est un texte, cela ne marche pas.
Il suffit de transformer ton texte en clip, et sa marchera.

Commentaire de inaden le 06/11/2007 14:12:05

Effectivement, c'est ça... si je peux me permettre, il reste un petit problème.
Je créée mon clip et appel mon texte avec :

_root.createEmptyMovieClip("texte",10);
texte._x=40;
texte.width=320;

_root.texte.createTextField("my_txt", 10, 10, 10, 320, 100);
_root.texte.my_txt.autoSize = "left";
//my_txt.border = true;
_root.texte.my_txt.multiline = true;
_root.texte.my_txt.wordWrap = true;
var lorem_lv:LoadVars = new LoadVars();
lorem_lv.onData = function (src:String):Void {
    if (src != undefined) {
       _root.texte.my_txt.text = src;
    } else {
        _root.texte.my_txt.text = "Unable to load external file.";
    }
}
lorem_lv.load("texte.txt");

Mais le problème c'est que j'ai le côté droit de mon texte qui est un peu bouffé, je suis donc obligé de mettre le troisième paramètre de mon champ texte sur 0... mais esthétiquement c'est un peu dommage.
Et sinon, bizarrement je vais pas en bas du texte, et là, je comprend pas pourquoi.

J'espère ne pas abuser avec mes question.
Merci d'avance pour ta patience.

Commentaire de stefbuet le 06/11/2007 14:23:42

c'est normal, car le width prit en compte est celui du texte, soit 300, et il se place aux _x du texte, donc il y aura 10px de "rogné"
Je trouve sa aussi genant, et je vais rajouter un paramettre pour ajouter de l'espace, a gauche, droite, etc...
Ce soir ou demain,

Bonne journée

Commentaire de inaden le 06/11/2007 18:35:55

OK, merci, parce que le scroll gris c'est un peu barban !
Super boulot.

Commentaire de stefbuet le 07/11/2007 13:15:35

Voila, comme promis les modifications de la class pour faire des marges a gauche,droite, haut et bas.
De plus on peut maintenant faire (ou pas) un fond de couleur pour le clip à scroller.

Par contre je n'arive pas a changer la capture d'ecran, la nouvelle est tt de même dans le zip.

Bonne journée.

Commentaire de inaden le 07/11/2007 13:57:00

Merci pour cette objet bien utile.

Commentaire de artauds05 le 08/11/2007 16:47:48

Merci beaucoup pour cette aide qui m'a fait gagné pas mal de temps !
Par contre je n'arrive pas à rajouter une option de scroll avec la molette de la sourie !
Est-ce que quelqu'un aurait une idée ?
Merci d'avance.

Commentaire de stefbuet le 08/11/2007 19:33:42

Salut, la gestion du scroll avec la molette de la sourie n'est pas prise en compte, je ferais donc au cour de la semaine prochaine une mise à jour de la source avec la gestion de la molette de la sourie, (avec le choix de l'utiliser ou pas)

Bonne journée

Commentaire de artauds05 le 09/11/2007 10:03:11

Un grand merci, STEFBUET !
Bonne journée

Commentaire de stefbuet le 12/11/2007 21:20:34

Voila, maintenant la molette de la sourie peut faire scroller.
Par default, c'est activé, mais si vous voulez que cela scroll pas avec la molette de la sourie, il suffit de mettre :
config[9]=false;

Le dernier parametre,
config[10]
,est la vitesse du scroll avec la molette: 1 pour même vitesse qu'avec les boutons up & down, mais je vous conseil de mettre plus (3 ou 4) afin de ne pas aller trop lentement ;)
(en fait c'est un facteur, 2 = deux fois plus vite que les boutons up & down)

Bonne journée !

Commentaire de inaden le 13/11/2007 07:23:20

Comment te témoigner notre gratitude ???
Merci pour tout cela !

Commentaire de artauds05 le 13/11/2007 10:03:35 10/10

Exceptionnellement efficace et quelle ponctualité !
Je m'incline.
Merci

Commentaire de Waiby le 15/11/2007 20:34:52

Ça me laisse curieux de lire tout ça. Vu que je ne pense pas la ramener davantage sur tout ce qui à déjà été dit, et fait surtout. Merci et bravo d'avance. Il reviendra faire un tour. promis ! A+

Commentaire de Waiby le 15/11/2007 20:52:25

Re

Je n'arrive pas à ouvrir le fla (Mac). Quelle frustration !

Quelqu'un peut m'aider ?

Merci

Commentaire de niamor36 le 16/11/2007 10:56:04

Une bien belle source, très efficace, facilement paramètrable. En un mot : cool. En deux mots : cool, merci !

Mais... Depuis le début, impossible d'ouvrir le fla, comme Waiby.
Bon, ok, pas besoin du fla pour tester, la class étant bien documentée... Mais c'est quand même ch...

Un indice peut-être : quelque soit le décompresseur, il me fait une erreur. Je force la décompression, j'ai tout les fichiers, mais pas possible d'ouvrir le fla... Soucis sur le zip ou sur le fla ?

Commentaire de niamor36 le 16/11/2007 10:58:12 9/10

9/10, ça fait longtemps que j'ai pas mis une aussi bonne note. Mais ça  fait longtemps que j'ai pas trouvé une source aussi propre.
Merci

Commentaire de inaden le 16/11/2007 14:40:40

juste pour dire que sur mac aussi, mais pas de problème ni de décompression, ni d'ouverture de fla.
Peut-être l'anim a été faite avec une verion de flash plus récente que celle que vous avez ???

Commentaire de niamor36 le 16/11/2007 15:32:35

flash 8 ... ? OSX 10.4.11

Commentaire de inaden le 16/11/2007 17:49:54

Par exemple. Si vous êtes sur MX et que l'anim a été faîte sous flash8, vous ne pourrez pas l'ouvrir, idem si vous êtes sur flash8 et que l'anim a été faite sur CS3

Commentaire de stefbuet le 16/11/2007 18:33:30

Désolé, lors de la dernière mise à jour j'ai oublié de mettre une version Flash 8.
Voila chose faite, en version Flash 8 & CS3  ;)

Commentaire de niamor36 le 16/11/2007 19:56:53

Génial ! Top réactivité. Source au poil !

Et si on ajoutait un fond de barre réactif pour sauter d'un point à un autre...?

Peut-être je m'y colle ce wk.

Merci

Commentaire de stefbuet le 21/11/2007 18:19:13

Salut,

changes ces lignes :
txt_mc.my_txt.embedFonts = true; -> tu suprimme sa,

tu change
txt_mc.my_txt.autoSize=false;
pour
txt_mc.my_txt.autoSize=true; //tu passe en true

@++

Commentaire de muchalucha le 26/11/2007 08:31:44

Ce script et bien pratique, mais je ne comprend pas mon texte que j'ai inséré n'apparait pas en entier, il manque la fin de mon texte.
Peut tu m'aider, merci.

Commentaire de stefbuet le 26/11/2007 18:41:28

Salut,

quel est ton code ?

Commentaire de aomao le 27/11/2007 13:49:11 10/10

Génial merci pour cette Appli !
Se serait sympa si on pouvait activer ou non le cadre noir qui entoure tout (je n'ai pas trouvé si jamais c'est possible...) et si on pouvait programmer également toutes les couleurs de chaque contour de chaque objet séparément.
Ou si explication du comment qu'il faut faire ce serait sympa.
En tout cas, chapeau Stefbuet !

Commentaire de stefbuet le 27/11/2007 18:41:33

Salut,
pour enlever le cadre, c'est dans :
config[0]=false; //true pour faire un cadre autour du clip a scroller, sinon false

Pour les contours, ils sont créés dans la class, tu peux facilement changer les couleurs directement dedant ;)

@++

Commentaire de aomao le 28/11/2007 09:37:07

Justement j'avais essayé de mettre false sur la config0 , mais ça n'enlève que le fond de couleur et non le contour noir qui entoure le clip, et c'est justement ces contours que je veux virer.

Commentaire de Mysterarts le 28/11/2007 14:31:41 9/10

Salut !
Excellente source en effet :)
Mais je dois dire que j'ai le même problème que AOMAO : impossible d'enlever le cadre (enfin, j'ai pas encore vu si je pouvais pas me debrouiller tout seul comme un grand avec la class ^^)
Sinon, l'utilisation de la molette de la souris ne fonctionne pas... dommage :)
Encore merci tout de même !

Commentaire de zezeazemard le 05/12/2007 20:30:06

coucou la communauté,

j'ai enfin trouvé la soluce pour dégager l'encadrement noir en regardant le script:

config[9]=false; //active(true) ou désactive (false) le scrolling par la molette de la sourie (metter false c'est ici qu'on désactive l'encadrement)

Commentaire de Mysterarts le 05/12/2007 20:39:10

Mais alors, où active t'on le scrolling ??
Je vais regarder...

Commentaire de kangun le 20/12/2007 19:08:11

salut!!
bravo pour ta class qui est géniale..
seul petit bemol : j'ai fais les tests chez moi (flash mx 2004) et tout marche bien.
par contre dès que je passe sur le serveur, la tendance s'inverse et lorsque je descends la scrollbar, le texte descends aussi....
une diée?

Commentaire de stefbuet le 25/12/2007 12:03:26

Salut,
A tu une adresse pour voir le probleme ?

Commentaire de blashol le 15/01/2008 23:35:28

pfff ... encore une liste .. si quelqu'un pouvait faire un scroll sur un movie ... tout con .. tout simple. scroll = movie = c'est tout :P

Commentaire de blashol le 16/01/2008 21:37:42 10/10

stebuet .. je t'ai envoyé un PM mais j'aurais du poster ici .. désolé

la scrollbar marche dans mon anim .. IMPEC !
mais j'ai un problème et je ne trouve pas :

la fenêtre scrollbar reste affichée sur toute mes frames.
Je n'arrive pas à trouver le nom du movie créer pour l'effacer :P (je suis noob)
j'ai essaye texte._visible = 0
mais ça n'enlève que le contenu, pas les flêches, le cadre etc ..

si tu pouvais me dire quel truc ajouter sur mes autres frames pour effacer la scrollBar créée...

Commentaire de blashol le 16/01/2008 21:38:58

ps .. désolé pour mon premier post .. je n'avais rien compris aux fichiers ..
ça marche bien (à par mon unload)

Commentaire de PCPT le 16/01/2008 22:50:30 administrateur CS

=============
INFO ADMIN
=============
ci-dessous le message de 'marsupulamis le 20/11/2007 21:02:30'

j'ai dû supprimer à cause de la mise en page....
==============================

Impossible de scroller un texte dynamique inséré dans un clip. Le cadre ne s'enlève pas npn plus. Voici mon code :

//Parametre de la scrollBar
import com.scrollBar.scrollBar;

var txt_mc:MovieClip = this.createEmptyMovieClip("txt_mc",1);

txt_mc._x = 400;
txt_mc._y = 100;

txt_mc.createTextField("my_txt", 0, 0, 100, 300, 300);
txt_mc.my_txt.multiline = true;
txt_mc.my_txt.wordWrap = true;
txt_mc.my_txt.embedFonts = true;
txt_mc.my_txt.autoSize=false;

var my_fmt:TextFormat = new TextFormat();
my_fmt.color = 0xcccccc;
my_fmt.underline = false;
my_fmt.font = "BurntMF"
my_fmt.size = 20;

txt_mc.my_txt.text="ddggggdddd";
txt_mc.my_txt.setTextFormat(my_fmt);


color=new Array();
color[0]=0x6F6F6F; //background
color[1]=0x4DC4C2; //up & down
color[2]=0x3DD34B;  //middle
color[3]=0xffffff; //fleches up & down
color[4]=0x2D8686; //up & down appuyés
color[5]=0x1F8B29; //middle appuyé
color[6]=0x0E3F12; //middle survolé
color[7]=0x0156A9; //up & down cliqué
color[8]=0x8E74FA; //up & down survolé
color[9]=false; //couleur de fond du clip scrollé (false pour ne pas utiliser)
config=new Array();
config[0]=true; //cadre ?
config[1]="left"; //position
config[2]=70; //hauteur middle bouton
config[3]=0.75; //vitesse scrollbar
config[4]=true; //montrer le curseur main sur les boutons up & down & middle ? (true/false)
config[5]=25; //espacement sur la gauche
config[6]=25; //espacement sur la droite
config[7]=25; //espacement en haut
config[8]=25; //espacement en bas
config[9]=true; //active(true) ou désactive (false) le scrolling par la molette de la sourie
config[10]=4; //vitesse lors du scroll a la molette, a 1 = normal, je conseil 3 ou 4

barre=new scrollBar(txt_mc, 20, 300, color, config);

Peut-être pouveez-vous m'aider ?

a+ et merci pour cette source !

Marsupulamis

Commentaire de blashol le 17/01/2008 04:29:54

un GRAND merci à stefbuet pour ses conseils ... mon scroll fontionne youpiii =D

Commentaire de JSTEZ59 le 18/01/2008 23:07:34 10/10

Bonjour à tous,
je mets 10, car très codé et très pratique.
Par contre j'ai le même que BLASHOL une fois mes clips passés dans la classe scrollbar je n'arrive plus à les supprimer et il reste sur la scène en se superposant.
Merci de votre aide.

Commentaire de blashol le 18/01/2008 23:25:21

a ben moi je suis trop nul... mais voilà ce que stefbuet m'a dit .. peut-être ça marche qussi pour toi :)

----
Pour recuperer le clip tu recuperer le clip de l'emssemble scrollbar avec la méthode :
getClip();
tu efface donc la scrollBar, ET le clip que tu scollais :

//on dit que ton objet scrollBar se nome myScrollBar :
removeMovieClip(myScrollBar.getclip());
removeMovieClip(tonclip)

si tu preferes tu peut simplement comme tu disais mettre la propriété _visible à false, mais les clips serons toujours en mémoire, mais tu pourra les faire réaparaitre avec cette méthode :

myScrollBar.getclip()._visible=false;
tonclip.visible=false;
----

un truc qui marche ...
tu fait un movie clip. Tu lui donnes une instance "monClip"
tu edit ce clip est tu installes "à l'interieur" le tuto  (la frame AS et une frame dessous avec ton clip "texte")
ensuite quand tu veux effacer , tu n'as qu'à faire :
unlo

unloadMovie

Commentaire de blashol le 18/01/2008 23:26:23

désolé .. la fin de mon dernier message y a un bout de copier coller que j'avais commencé à te faire ... mais j'ai mrdé l'envoie :P lol

Commentaire de JSTEZ59 le 18/01/2008 23:43:20

Merci pour ton aide BLASHOL.

Commentaire de Gizmil le 25/01/2008 18:06:25

Salut stefbuet,

Avant toute chose, je tiens à te dire comme les autres: vraiment un grand merci pour cette source très utile! Moi aussi, ça faisait longtemps que je cherchais une solution de ce genre!

Mais... j'ignore comment ça se fait, les couleurs 2 et 4 ne s'appliquent pas, c'est-à-dire celles-ci:

color[2] = OxFF0000;
color[4] = 0xFF0000;

Etonnant que personne ne l'aie remarqué (peut-être une erreur lorsque tu as fais tes dernières modifs?) ...

Comme tu vois, j'ai mis du rouge pour être certain de voir apparaître les couleurs en question et résultat, ces deux couleurs n'ont pas d'influence sur la scrollBar. La 2 correspond au bouton middle mais la 4, j'ignore  à quoi elle correspond.

Merci si tu sais voir ce qui ne fonctionne pas! (-;

Commentaire de stefbuet le 25/01/2008 18:21:45

Salut,

colorConfig[2]=couleur du bouton du milieu lorsque rien ne se passe (la sourie n'est pas cliquée dessus, ne le survole pas)

colorConfig[4]=rien du tout
en fait, j'ai fait une petite erreur d'inatention :
j'ai definit deux fois up & down appuyés comme tu peut le voir dans la description de la class :
colorConfig[4]=up & down appuyés
colorConfig[7]=up & down cliqués

finalement j'avais utilisé le colorConfig[7]

Donc normalement voila la réponse a ta question :

pour colorConfig[2] :
normal que sa ne marche pas, au debut de ton nombre hexadecimal, tu a commencé par Ox au lieu de 0x (il faut zezo + x)

pour colorConfig[4] :
erreur de ma part, je corrige la description de la class ;)

@++

Commentaire de Gizmil le 25/01/2008 20:48:54

LOL Oui, je viens de m'en rendre compte en me relisant avant même que tu le dises! Grossière erreur de ma part donc; désolé de t'avoir dérangé pour une erreur qui venait de moi! Par contre, pour la 4, merci de la précision!

Beau travail en tous cas! Et je souscris aux remarques des autres concernant le cadre noir qu'on ne parvient pas à retirer. Mais bon, j'ai pas envie de jouer les exigeants vu le boulot que tu as fournis!

Par contre, juste un truc: c'est dommage qu'on ne puisse pas créer soi-même le graphisme des barres de défilement. Je suis infographiste et j'aime pouvoir donner ma touche personnelle à l'ensemble! Mais je comprend bien que ton code ne fonctionne pas sur ce principe-là et que certaines fonctions comme, par exemple, la réduction de la largeur des barres de défilement ne sont pas associables à un graphisme personnalisé!

Bref, encore uen fois, je ne te ferais pas de reproches car le principe de fonctionnement que tu as imaginé évite bien des problèmes d'ajustement des tailles, etc. Par exemple, j'ai téléchargé la classe de scrollBar de clip de Mediabox! La barre est personnalisable graphiquement mais j'ai quand même pas mal de souçis de positionnement avec...

Je parle, je parle... allez encore merci pour le boulot! (-;

Commentaire de volga39 le 11/02/2008 21:49:59

C'est super comme  source et c'est vraiement complet surtout pour moi qui est novice en flash , mais j'ai un petit souçis le cadre noir autour du movie clip je n'arrive pas à l'enlever si quelqu'un à une soluce ce serai cool , mais autrement super bien pensé et super gros boulot !

Chapeaux !

Commentaire de stefbuet le 13/02/2008 15:14:11

Salut,

voila c'est arrangé, il te suffit maintenant de mettre true ou false dans la variable color[0] (voir code d'exemple plus haut dans la présentation) pour avoir ou non le cadre noir autour du clip à scroller.

Bonne journée.

Commentaire de filex21 le 29/02/2008 04:16:21

Slt tout le monde
Tout d'abord merci pour ce super fichier flash.
J'ai juste un souci.Voilà, en fait j'ai suprimé le cadre noir mais ca enlève le scolling avec la molette.
Quelqu'un aurais la soluce? J'ai vu que quelqu'un a parlé de ce sujet il y a quelque mois,mais je n'ai pas vu de reponse.

Commentaire de Gizmil le 29/02/2008 11:12:19

Tu es sûr que c'est bien le retrait du cadre noir qui enlève le scrolling avec la molette? Moi, j'ai le même problème mais je ne suis pas encore parvenu à déterminer d'où ça vient! Par contre, j'utilise la version précédente du scroller dans laquelle le retrait du cadre noir n'était pas encore disponible d'où, je me pose la question: est-ce que l'élimination du scrolling molette vient bien de ton retrait du cadre noir?

Commentaire de filex21 le 29/02/2008 12:11:21

ba en fait voilà ce que j ai fait:
J ai changé cette ligne:
config[9]=false; //active(true) ou désactive (false) le scrolling par la molette de la sourie

Par cette ligne:
config[9]=false; //active(true) ou désactive (false) le scrolling par la molette de la sourie

quand on met false le contour noir disparait ainsi que l'action de la molette.

J'ai un autre souci.Mes scrollbar se superpose j'ai vu une reponse a ce probleme, mais comme je debute, je ne comprend pas trop ou mettre le code.

Ref:

Commentaire de blashol le 18/01/2008 23:25:21

  a ben moi je suis trop nul... mais voilà ce que stefbuet m'a dit .. peut-être ça marche qussi pour toi :)

----
Pour recuperer le clip tu recuperer le clip de l'emssemble scrollbar avec la méthode :
getClip();
tu efface donc la scrollBar, ET le clip que tu scollais :

//on dit que ton objet scrollBar se nome myScrollBar :
removeMovieClip(myScrollBar.getclip());
removeMovieClip(tonclip)

si tu preferes tu peut simplement comme tu disais mettre la propriété _visible à false, mais les clips serons toujours en mémoire, mais tu pourra les faire réaparaitre avec cette méthode :

myScrollBar.getclip()._visible=false;
tonclip.visible=false;
----

un truc qui marche ...
tu fait un movie clip. Tu lui donnes une instance "monClip"
tu edit ce clip est tu installes "à l'interieur" le tuto  (la frame AS et une frame dessous avec ton clip "texte")
ensuite quand tu veux effacer , tu n'as qu'à faire :
unlo

unloadMovie

Commentaire de filex21 le 29/02/2008 12:13:46

Je m appercois que je me suitrompé ds mon post ^^

ba en fait voilà ce que j ai fait:
J ai changé cette ligne:
config[9]=true; //active(true) ou désactive (false) le scrolling par la molette de la sourie

Par cette ligne:
config[9]=false; //active(true) ou désactive (false) le scrolling par la molette de la sourie

Commentaire de filex21 le 01/03/2008 16:11:51

Bon j'ai trouvé grace a un pote programmeur, la soluce pour enlever le cadre tout en gardant l action de la molette en fait il fau aller ds le fichier .as et changer une ligne de code(aux alentour ligne 528 du code)qui va rendre la ligne noir transparante.

Voici le code: si ca peut aider des personnes.^^
_lvl[_nomScroll].lineStyle(0, 0, 0);


Voilà

Commentaire de Gizmil le 03/03/2008 10:51:15

En même temps, c'est logique que cette ligne:

config[9]=true; //active(true) ou désactive (false) le scrolling par la molette de la souris

...retire la molette de la souris vu qu'elle est faite pour ça (et que c'est marqué)! Je ne comprend pas le rapport que tu fais entre cette ligne et le retrait du cadre noir...

Stefbuet a déclaré quelques lignes plus haut qu'à présent, c'est la valeur color[0] qui permet de retirer le cadre noir! Pourquoi ne l'utilises-tu pas plutôt que d'aller chipoter le code du fichier .as?

Commentaire de filex21 le 03/03/2008 11:56:58

J'explique le pkoi:
voilà la configue de ma scrollbar en ce qui concerne le cadre et l'action de la molette:

config[0]=false; //cadre ?
config[9]=true; //active(true) ou désactive (false) le scrolling par la molette de la sourie

En laissant comme ceci le cadre ne devrai pas apparaitre mais c'est le cas.
En mettant false à la molette le cadre disparait mais l'action de la molette aussi.
C'est pourquoi  avec mon pote on a été mettre le code que j'ai di dans mon précedant post afin de rendre le cadre invisible puisque il apparaissait je ne sais pas pkoi lorsque l'on activait la molette. Je sais pas si j'ai été clair mais je pense repondre à cs deux post. Ps je ne suis pas fou lol.


Commentaire de zezeazemard le 05/12/2007 20:30:06  coucou la communauté,

j'ai enfin trouvé la soluce pour dégager l'encadrement noir en regardant le script:

config[9]=false; //active(true) ou désactive (false) le scrolling par la molette de la sourie (metter false c'est ici qu'on désactive l'encadrement)

Commentaire de Mysterarts le 05/12/2007 20:39:10  
Mais alors, où active t'on le scrolling ??

Commentaire de janluski le 04/04/2008 16:30:31 8/10

Bonjour,

Félicitations d'abord pour ton travail

Il y a un point que je ne suis parvenu à résoudre, malgré les différents commentaires.

Le clip et la scrollbar restent présent sur toutes mes frames et se superposent.

Je parviens, avec ._visible à supprimer le clip texte, mais la scrollbar elle-même reste là.

J'ai suivi le fil de cette discussion mais rien à faire

Je suis sur flash 8

Merci par avance si quelqu'un avait une idée

Commentaire de filex21 le 04/04/2008 17:02:28

j ai eu ce souci, je ne comprenais pas trop la solution expliqué dans les commentaires.J ai donc envoyer un mp au createur de cette source et il m a repondu un peu plus clairement.Il faut que tu cré un clip dans lequel tu cré un cadre que tu mets en alpha à 0. Ensuite tu l'inseres sur la scene et la frame où se trouve ta scrollbarre,en mettant ce clip par dessu la scrollbarre ca devrait peu etre marcher...Moi ca 'a rendu fou mais ca a fonctionné. :-) voila si ca peu t'aider.

Commentaire de janluski le 04/04/2008 19:24:24

Merci Filex21 pour ta réponse rapide

Hélas, la barre reste là et bien là

Comme si elle était chez elle une fois pour toute

En fait, c'est un peu une rustine le clip par dessus la barre

Dommage car le paramétrage de l'ensemble est réussi

Pourtant, il doit bien avoir un moyen de faire disparaître un objet.

a+

Commentaire de stefbuet le 05/04/2008 15:55:34

Salut à tous.
J'ai fais une grosse mise à jour qui devrais résoudre les problèmes de la plupart d'entre vous :)

Tout d'abord vous pouvez maintenant retirer ou laisse le cadre noir qui entoure le clip à scroller via :
config[0]=false //false pour retirer, true pour laisser

Ensuite vous pouvez maintenant suprimmer très facilement l'interface de la scrollebar (sans enlever le clip à scroller) via la fonction deleteScrollBar :
barre.deleteScrollBar();

Le FLA de test fournit avec le ZIP (donc le SWF aussi) ont étés refait avec de nouveaux boutons pour tester les differantes commandes de la class.

Un bug d'affichage de la couleur de fond à été résolu (Avant il fallais laisser le cadre noir pour que la couleur de fond s'affiche, plus maintenant)

Pour finir, comme d'habitude j'ai mis un FLA version CS3 et 8 ;)

Bonne journée !

Commentaire de janluski le 05/04/2008 19:38:57

Salut,

Merci pour ton travail Stefbuet et félicitations


Commentaire de janluski le 05/04/2008 19:45:33

à Stefbuet

Je rencontre malgré tout un problème

Je m'aperçois que l'on peut effectivement effacer le texte et la scrollbar.

Mais il se trouve que quand on répète cette opération 2 fois (quand on passe d'une frame 1 à une frame 2 et que l'on recommence cette opération) le texte ne s'efface plus alors que la scrollbar oui.

J'ai un petit programme flash (dérivé du tien et très simplifié)

Si j'avais pu le mettre en pièce-jointe mais je n'ai pas trouvé comment joindre un fichier

Peut-être est-moi qui ait fauté mais le fichier est très simple

Merci





Commentaire de stefbuet le 06/04/2008 22:59:12

La fonction deleteScrollBar() va suprimmer uniquement les graphiques de la scrollBar (de l'écran et de la mémoire) mais pas le clip que tu scroll. Donc tu doit faire un monClip._visible=false ou monClip.removeMovieClip() pour l'enlever.
Si ton problème vien du fait de la re-création de la scrollBar plusieur fois, essais de suprimmer l'objet SrollBar avant de le recréer :
if(myScrollBar.getClip()!=undefined) {
delete myScrollBar;
}

Bonne soirée.

Commentaire de janluski le 07/04/2008 20:27:59

Salut Stefbuet

En effet, monClip.removeMovieClip() était la solution

Parfait

Merci encore

Commentaire de NictoRioUs le 10/04/2008 00:01:19

Salut Stefbuet

Super ton annim c'est ce que je rechercher !!! Seul probleme pour moi, je ne vois pas comment ont peut modifier la taille de la fenêtre du scroll :(
Si tu peut m'éclairer ? Merci

Commentaire de stefbuet le 10/04/2008 19:26:37

Salut,
la "fenêtre" s'adapte au clip à scroller, donc elle a les même dimentions que le clip (bounding box).
Tu peux aussi utiliser le système de marges pour rajouter plus ou moin de l'espace en plus des dimentions celui de ton clip.
Bonne soirée.

Commentaire de NictoRioUs le 10/04/2008 22:02:24 10/10

ok super merci

Commentaire de marsupulamis le 19/04/2008 00:08:06

A quand cette classe en AS3 ?

a+ Marsu

Commentaire de Loubiou le 25/06/2009 00:42:56

Bravo pour ton travail, grace à ta source j'ai pu me tirer d'un mauvais délire. En effet, je duplique des clips interactifs de formulaire dans un clip et je voulais le scroller.
Avec un scrollPane, il n'est pas possible d'ajouter des clips autres que ceux de la bibliothèque (donc pas possible de coller mon clip qui contient des duplications).
Avec un masque, flash présente un bug et les labels des boutons et cases à cocher sont invisible !

Ta source à résolu tout ça !!!

Un grand merci ;-)))

Si tu as une idée pour envoyer dans un scrollpane AS2 un clip de la scene contenant plusieurs duplication de clips de la bibliothèque  ?

Commentaire de lp5 le 04/09/2009 10:10:22

Bonjour et merci pour cette excellente source. Surtout que tu as vraiment pris soins de commenter les lignes de code... c'est vraiment pratique.

Juste une question : comment changer la forme des flèches. Je ne vois rien dans le code flash.

merci beaucoup
lox

Commentaire de stefbuet le 04/09/2009 13:54:08

Bonjour,

dans mes souvenirs, tout est créé au niveau vectoriel par l'as.
Donc tu devrais trouver des beginFill/moveTo/LineTo qui dessinent les flèches.

Stef.

Commentaire de harow le 01/11/2009 14:21:11

salut, merci beaucoup tout est juste parfait, par contre (bon je viens de le config peut être j'ai zappé une fonction) quand je place un texte qui dépasse une certaine longueur il le coupe, mais quand par exemple je divise ce même texte en deux partie tout est bien visible, ce n 'est donc pas du tout génant mais c'est juste bizarre (tout est toujours bizarre avec flash..) merci en tout cas, le seul scrollbar digne de ce nom sur flash kod! (en cs2 bien sur)

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Barre de défilement (scrollbar) [ par Ibanezk7 ] J'utilise flash 5 pour faire une page web, je connais beaucoup de choses en flash, mais je ne sais pas comment faire une barre de defilement , en fais Barre de défilement (scrollbar) [ par Ibanezk7 ] > > J'utilise flash 5 pour faire une page web, je connais beaucoup de choses en flash, mais je ne sais pas comment faire une barre de defilement scrollbar [ par gynx ] bonjour bonjour...je souhaiterais faire une barre de défilement personnalisée.par là j'entends, a la place d'une rectangle en ce qui concerne la barre Scrollbar FlashMX 2004 avec texte dynamique [ par dindonlover ] Bonjour à tous. J'ai en ce moment un petit souci de scroll avec mon texte dynamique. Celui ci charge en externe un fichier PHP qui récup&# X et Y du la position de la barre de defilement 2 scrollPane [ par lykim1982 ] j'ai un scrollpane nommé nompane et j'aimerai savoir comment recuperer le Y de la barre qui defile a driote merci scrollbar sur un movieClip [ par kil_jaeden ] Bonjour g un clip tres long sur ma scene et je voudrai le faire scroller mais avec une scrollbar au lieu de simples bouton monter/descendre.je ne croi barre de defilement (scroll) [ par neophus ] bonjour a tous :)je suis actuellement sur un site que je crée en flash te il faudrait que je crée une barre de defilement (scroll) car j'ai un texte q Rajouter une barre de defilement [ par M4ndrax ] Bonjours tout le monde,Voila ma question parais bien bète mais je suis en train de crée un site avec flex builder pour un sujet de TPE : -> http:// Deplacement de clip avec scroller [ par poiskail2000 ] Bonjour tout le monde,Je viens a vous car je suis une nouvelle fois desespéré...En fait voilà je vous expose le probleme : je suis en train de faire u Deplacement de bar de navigation [ par martiniq ] Bonjour,J'ai réalisé un catalog flash à l'aide de PAGE FLIP V2 que j'ai personnalisé.Je souhaiterai créer un barre de navigation qui s'adapte à la tai


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,749 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales