Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : scroll bar [ Divers / Débutant(e) ] (sachaaa)

jeudi 10 juillet 2008 à 23:11:23 | scroll bar

sachaaa

Bonjour
je voulais savoir comment on devait faire pour faire une scroll bar qui fonctionne non pas sur du texte mais sur des images ou des clips
comme sur le site de nokia [ Lien ]
ou ils le font avec plein de telephone
merci

vendredi 11 juillet 2008 à 00:09:41 | Re : scroll bar

pegase31

Membre Club Administrateur CodeS-SourceS
le composant Scrollpane est là pour ça ...

Peg'

vendredi 11 juillet 2008 à 00:24:54 | Re : scroll bar

Skev

Bonsoir,
Tu peux facilement la creer en quelque minute.
exemple pour une barre a scroll verticale :
ATTENTION : pour eviter les mauvaise surprise je te precise que tout les clip créer on pour indexation "haut, gauche".
- cree une barre de la taille de ton choix , transforme la en movie clip et nomme son instance "SCBG" par exemple ("ScrollBar Background
- cree une nouvelle barre moin haute que la precedente mais de largeur egale, trnasforme la egalement en clip et nomme la "SC";
- cree cette fois ci un carré (ou rectangle) que tu nommera "Mask"
- (optionel) creer un clip suplementaire , place deux instance de clip sur la scene et nomme les respectivement 'Btn_U" (pour le bouton du haut) et "Btn_D" (pour le bouton du bas)
- enfin pose ton egalement ton clip a scroller sur la scene (je l'appelerais "List" mais bien sur le nom n'as pas d'importance)

Passons au codage
//
stop();//arret a cette image
scroll_speed = 5; //vitesse de scroll par bouton
scrollUp = false;//on indique que le deplacement par bouton du haut n'est pas effectif
scrollDown = false;//meme chose mais pour le bouton du bas
List.setMask(Mask)//on attribut a notre clip le  masque "Mask"
//
onEnterFrame = function () {//Lors de l'entree a l'image
    DiffSC = SC._y/SCBG._height;//on recupere le rapport "position de la barre/longueur total"
    List._y = -(DiffSC*Mask._height);//on fait bouger la position du clip en fonction de ce rapport
    SC._height = (SCBG._height*Mask._height)/List._height;//on definit la taille de la barre
    //
    if (scrollUp) {//si le deplacement par bouton du haut est effectif
        if (SC._y>T) {//et si la barre n'as pas atteint le seuil de dessus
            SC._y -= scroll_speed;//alors on deplace la scroll bar vers le haut
        }
    } else if (scrollDown) {//sinon si le deplacement par bouton du bas est effectif
        if (SC._y<B) {//et si la barre n'as pas atteint son seuil de dessous
            SC._y += scroll_speed;//alors on deplace la scroll bar vers le bas
        }
    }
};
SC.onPress = function() {//Lors de l'appuie sur la scrollbar
    L = this._x;//Le seuil de deplacement gauche est egal a la propre position x de la bar (en gros elle ne peut se deplacer a gauche)
    T = SCBG._y;//le seuil de deplacement de dessus est egal a la position y de la barre total (la grande)
    R = this._x;//pareille que pour gauche mais pour droite
    B = (SCBG._y+SCBG._height)-this._height;//le seuil de deplacement de dessous est egal a la position y de la barre total + la hauteur de cette meme barre, le tout - la hauteur de la scroll bar
    this.startDrag(false, L, T, R, B);//on active le drag en definnissant "false" pour le parametre "lockcenter" (pour eviter que la barre ce centre a la souris) et en fixant les limitte gauche, haut, droite, bas precedemment definit)
};
SC.onRelease = SC.onReleaseOutside=function () {//lors du relachement de la scroll bar a l'interieur ou exterieur de celle -ci
    this.stopDrag();//on desactive le drag
};
Btn_U.onPress = function() {//lors de l'appuie sur le bouton sroll du haut
    scrollUp = true;// on active le scroll haut
};
Btn_D.onPress = function() {//lors de l'appuie sur celui du bas
    scrollDown = true;//on active le scroll bas
};
Btn_U.onRelease = Btn_U.onReleaseOutside=function () {//lors du relachement du bouton de scroll haut a l'interieur ou exterieur de celui ci
    scrollUp = false;// on desactive le scroll Haut
};
Btn_D.onRelease = Btn_D.onReleaseOutside=function () {//lors du relachement de celui du bas
    scrollDown = false;//on desactive celui du bas
};

Voila c'est tout

vendredi 11 juillet 2008 à 14:49:40 | Re : scroll bar

sachaaa

voila ce que j'ai fait mais ca marche pas du tout
[ Lien ]

vendredi 11 juillet 2008 à 15:26:14 | Re : scroll bar

Skev

Alors en fait tu as fait plusieurs erreur :

- Tu as placer le code sur l'image clé de ton clip "List", il faut le placer  sur l'image clé de la scene ,
- Tout tes clip on pour nom d'instance "haut, gauche", or il faut les appeler "SC","SCBG" etc... en fait tu as mis ce nom en nom d'indexation alors que c'etait les instance dont je parlais
- Tes deux boutons sont regrouper dans un meme clip, il faut qu'il soit independant ou alors change le chemin dans le code

C'est tout ce que je vois, au cas ou tu ne t'en sortirai je t'ai mis un exemple ici

rq : dans l'exemple il y a une fonction qui permet de scroller uniquement avec le mouvement de la souris lors u maintient du clic du milieu

vendredi 11 juillet 2008 à 16:18:39 | Re : scroll bar

sachaaa

je suis dsl j'arrive pas a ouvrir ton document
je te renvoie le mien j'ai fait les modif mais ca marche tjs pas
[ Lien ]

merci de m'aider tu es cool

vendredi 11 juillet 2008 à 16:48:15 | Re : scroll bar

Skev

Hmm a premiere vu, on dirait que ton clip ne s'adapte pas au code comme le miens, je me penche sur le probleme et te tient au courant

vendredi 11 juillet 2008 à 17:10:11 | Re : scroll bar

Skev

C'est bon j'ai trouver un compromis pour que ça colle chez toi,
au lieu de metre List._y = , mais List._y = List._y = Mask._y-(DiffSC*Mask._height); Math.round((Math.abs(SCBG._y-SC._y))*-1*((List._height-Mask._height)/(SCBG._height-SC._height))+Mask._y);

C'est un peu plus long mais ça fonctionne

vendredi 11 juillet 2008 à 17:11:31 | Re : scroll bar

Skev

Fautes de frappe dsl, met : List._y = Math.round((Math.abs(SCBG._y-SC._y))*-1*((List._height-Mask._height)/(SCBG._height-SC._height))+Mask._y);

vendredi 11 juillet 2008 à 18:00:54 | Re : scroll bar

sachaaa

c'est un peu galere mais je te remercie ca marche tres bein


1 2

Cette discussion est classé dans : bar, scroll, nokia


Répondre à ce message

Sujets en rapport avec ce message

scroll bar [ par rokkaku ] bin le pb est simple! je n'arrive pas a ce ke la barre de defilement s'accorde avec le text ke je met sur une nouvelle page, d'autant plus ke ce derni Zone de texte + Scroll bar [ par syndrael ] Bonjour,J'ai une zone de texte dynamique et une scroll bar rattachée, mais j'aimerai toujours voir la dernière ligne de ma zone texte quand je la remp scroll bar et multiple textfield [ par WaReD ] bon alors voila, je créé plusieur textfield avec create.textfield et le probléme c est que chaque textfield ce met l un en dessou de l autre jusqu a d pb avec scroll bar [ par LSL ] Bjr !voila mon pb !j'ai un txt dynamiq mais je veux lui appliquer une scroll bar , sans utiliser l'outil flash dispo , je veux le faire uniquement par Pbe pour load du txt et mettre une scroll bar [ par doark ] bonjour je viens de faire une case de texte dynamiqueje load du txt dans cette case a partir d'un document .Txt mais le pbe c'est ke je n'arrive pas à scroll bar cmme celui de robertours mais en + mieux? [ par thedidi ] Bijour tout le monde!!!J'ai un petit souci, j'aimerai avoir un scroll bar tout simple comme celui a cette adresse: http://www.flashkod.com/code.aspx?I Scroll bar et texte glissant ....ou dérapant !! [ par antbilly ] Allo a tous,j'ai vue un site (que malheureusement, je n'ais pas pris en note )  qui avait un scrollbar vraiment fantastique. Le texte glissait. Je m'e Je n'arrive pas à insérer correctement une scrollbar - Débutant [ par rantanplan08 ] Slt à tous !Etant webmaster de plusieurs sites, je fais mes début dans le flash et je suis en train de créer un site avec flash mx...J'arrive à faire probleme de scroll bar [ par remus38 ] bonjour à tous, Voila j'ai un probleme : je voudrais faire une scrollbar d'images présentes dans la bibliotheque(jusque la pas de probleme). Mon souci scroll bar debutant [ par karabok ] Bonjour a tous. je suis nul en coding.. Je cherche a avoir un texte static, avec une scrollbar. Voila. Tout ce que j ai trouver, c est braucoup trop c


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,718 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.