scrollbar dans un composant List

Version imprimable

16/03/2010, 13h42
viny

scrollbar dans un composant List

Bonjour,

j'ai un composant List qui affiche naturellement une scrollbar verticale...la liste est très souvent actualisée donc elle se remplit. Quand je clique sur le premier nom de la liste, la scrollbar descend de quelques centimètres ce qui fait que je vois plus le nom sur lequel j'ai cliqué.

Il est vrai que lorsque je clique sur un nom, cela appelle un fonction qui réactualise la liste et je pense que c'est cela qui provoque le mouvement.

Existe-t-il un moyen d'empêcher ce mouvement ?

merci
16/03/2010, 16h23
ToniConti
Salut viny,

J'ai déjà rencontré ce problème et je l'ai résolu de cette manière :
Juste avant de lancer ta fonction tu stockes ces deux informations :
Code:

1 2 3 indexItemSelectionne = liste.selectedIndex; indexScrollBar = liste.verticalScrollPosition;
Juste après avoir modifié les données de ta liste :
Code:

1 2 3 liste.selectedIndex = indexItemSelectionne ; liste.verticalScrollPosition = indexScrollBar ;
Voilà, avec ceci tout devrait fonctionner comme sur des roulettes :D
Je suis là si tu as besoin d'informations supplémentaires ;)
16/03/2010, 16h31
viny

merci Toni,

je prends un café car je suis naze en cherchant à régler ce problème de scrollbar et j'essaie ta soluce et je te tiens au courant !

merci
16/03/2010, 16h51
viny

Zut ça fonctionne pas chez moi...:cry:

La barre descend de quelques centimètres des que la liste est mise à jour et cela bien avant que je clique sur un élément de la liste...

c'est vraiment très prise de tête la gestion des scrollbar dans Flex. Moi je lui demande de ne pas bouger seule et de rester là ou je la mets quoiqu'il arrive...et bien non Flex sait pas faire ça...:(
16/03/2010, 17h02
ToniConti

En fait je n'ai pas testé ma solution sur un composant List.
Chez moi c'est sur une DataGrid qu'elle fonctionne. Mais j'étais quasiment sûr que ça fonctionnerait pour une liste :roll:

Il faudrait que tu me montres la partie du code où tu déclares ton composant List et la fonction que tu appelles lors du clic sur un objet, ça me serait utile pour t'aider mieux :P

Ici je quitte le boulot mais en rentrant je viens voir ce qu'il en est.
16/03/2010, 17h17
viny

Le problème avec ta solution est que tu positionnes la scrollbar au niveau de l'élément sélectionné seulement quand je coulisse la barre et que je la relache elle se repositionne à l'endroit du dernier élément sélectionné.

J'espère etre claire....
16/03/2010, 18h15
viny

J'ai résolu le problème en plaçant un écouteur sur la liste qui détecte un événement de scroll; je récupère la valeur (position de la barre) que j'affecte ensuite à ma scrollbar (indexScrollBar) après avoir fait les modifs dans ma liste .

Du coup elle ne bouge pas et reste à l'endroit où je la mets...

merci à toi pour m'avoir mis sur la piste
:ccool:

Salut viny,

Content tu es résolu ton problème :)
Comme je t'avais dit, j'ai testé sur une liste, et de chez moi ça fonctionne. En fait ça dépend de ce qu'on entend par actualisation de la liste. En tout cas, je poste quand même le code dont je te parlais et qui marche à merveille pour ceux qui en ont besoin et les curieux :D

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" >
 
	<mx:Script>
          <![CDATA[
 
            import mx.collections.*;
 
    		public static var i:int = 0;
 
            private var listeArray:Array = ["Objet 1","Objet 2","Objet 3","Objet 4","Objet 5","Objet 6","Objet 7","Objet 8"];
 
            [Bindable] private var listeCollection:ArrayCollection = new ArrayCollection(listeArray);
 
            private function ajouter():void
            {
            	var f:int = liste.selectedIndex;
            	var s:int = liste.verticalScrollPosition;
            	listeArray.push('New Objet ' + i++);
            	listeCollection.refresh();
            	liste.selectedIndex = f;
            	liste.verticalScrollPosition = s;
            }
 
         ]]>
    </mx:Script>
 
    <mx:Panel title="ScrollBar intelligente !">        
        <mx:List id="liste" dataProvider="{listeCollection}" width="100%" />
        <mx:LinkButton label="Ajouter" click="ajouter()" />
    </mx:Panel>
 
</mx:Application>

Et puis tant qu'à faire, voici le swf associé :

pour contribuer également je mets un peu de code pour ceux que cela intéresse

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
                        private function ajoutEcouteur():void
			{
				this.list_buddies.addEventListener(ScrollEvent.SCROLL,placementScrollBar)
			}
 
			private function placementScrollBar(ScrollEvent:Object):void
			{
				//Alert.show(""+ScrollEvent.position);
 
				parentApplication.indexScrollBar = ScrollEvent.position
			}

Merci !