Discussion :

[viny]

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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
indexItemSelectionne = liste.selectedIndex;
indexScrollBar = liste.verticalScrollPosition;

Juste après avoir modifié les données de ta liste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
liste.selectedIndex = indexItemSelectionne ;
liste.verticalScrollPosition = indexScrollBar ;

Voilà, avec ceci tout devrait fonctionner comme sur des roulettes
Je suis là si tu as besoin d'informations supplémentaires

[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

[viny]

Zut ça fonctionne pas chez moi...

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...

[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

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

Ici je quitte le boulot mais en rentrant je viens voir ce qu'il en est.

[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....

[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

[ToniConti]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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é :

[viny]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !