Faites défiler jusqu'à l'élément sélectionné dans Flex 4 Étincelle composant de Liste

Je suis réglage de l'élément sélectionné dans s:composant de Liste avec Actionscript, il fonctionne, mais la Liste n'est pas faites défiler jusqu'à l'élément sélectionné -- il faut faire défiler la barre de défilement ou de la souris. Est-il possible pour un défilement automatique de l'élément sélectionné ? Merci !

InformationsquelleAutor Rodion Bykov | 2009-10-21
  1. 23

    Essayer le s:List méthode ensureIndexIsVisible(index:int):void.

    • Merci, mais il semble de travail dans le dernier SDK Flex 4 s'appuie uniquement (Flex Builder 4 Beta 2). J'ai réalisé que je travaille avec l'un des anciens builds qui n'a pas cette méthode encore.
    • cela aussi, ne défile afin que le haut de l'élément est visible, si l'élément est grand, ce n'est pas faites défiler vers le bas
    • Oui, Spark Liste 4.6 il semble que vous devez cliquer deux fois pour faire défiler vers le bas.
    InformationsquelleAutor an0nym0usc0ward
  2. 6

    Pour Spark:

    list.ensureIndexIsVisible(index);

    InformationsquelleAutor Yozef
  3. 4

    Cette fonction de défilement vers le haut de la liste dans Flex 4+. Il prend en compte la hauteur de l'élément, de sorte qu'il va travailler pour les listes avec les différents éléments de différentes hauteurs.

    private function scrollToIndex(list:List,index:int):void
{
    if (!list.layout)
        return;

    var dataGroup:DataGroup = list.dataGroup;

    var spDelta:Point = dataGroup.layout.getScrollPositionDeltaToElement(index);

    if (spDelta)
    {
        dataGroup.horizontalScrollPosition += spDelta.x;
        //move it to the top if the list has enough items
        if(spDelta.y > 0)
        {
            var maxVSP:Number = dataGroup.contentHeight - dataGroup.height;
            var itemBounds:Rectangle = list.layout.getElementBounds(index);
            var newHeight:Number = dataGroup.verticalScrollPosition + spDelta.y 
            + dataGroup.height - itemBounds.height;
            dataGroup.verticalScrollPosition = Math.min(maxVSP, newHeight);
        }
        else
        {
            dataGroup.verticalScrollPosition += spDelta.y;

        }
    }
}
    InformationsquelleAutor Heitara
  4. 4
    //try this
this.callLater(updateIndex);//where you want to set the selectedIndex

private function updateIndex():void
{
    list.selectedIndex = newIndex;
    list.ensureIndexIsVisible(newIndex);
}
    • Version courte: callLater(list.ensureIndexIsVisible, [list.selectedIndex]) mais pas encore la meilleure solution - lève l'index hors de la portée des erreurs parfois
    InformationsquelleAutor Monica Patel
  5. 3

    Dans flex-3 il y a un scrollToIndex méthode et par conséquent, vous pouvez appeler 

    list.scrollToIndex(list.selectedIndex);

    Je crois que cela devrait fonctionner dans les flex-4 trop.

    • Malheureusement, aucune. Il n'y a pas de méthode dans l'Étincelle de la Liste, mais il est là pour Halo composant de Liste. Flex 4 est en constante évolution et toujours en version Bêta, espérons que ce problème sera résolu.
    InformationsquelleAutor Amarghosh
  6. 3

    Cela a fonctionné pour moi. avait à utiliser la callLater.

    list.selectedItem = "MyTestItem"; //or list.selectedIndex = 10;
this.callLater(updateIndex); //dispatch an update to list

private function updateIndex():void {
    list.ensureIndexIsVisible(list.selectedIndex);
}
    InformationsquelleAutor JJ_Coder4Hire
  7. 2

    J'ai vu cette idée de base ici...
    http://arthurnn.com/blog/2011/01/12/coverflow-layout-for-flex-4/

    public function scrollGroup( n : int ) : void
{
    var scrollPoint : Point = theList.layout.getScrollPositionDeltaToElement( n );
    var duration : Number = ( Math.max( scrollPoint.x, theList.layout.target.horizontalScrollPosition ) - Math.min( scrollPoint.x, theList.layout.target.horizontalScrollPosition )) * .01;
    Tweener.addTween(theList.layout,{ horizontalScrollPosition: scrollPoint.x , time:duration});
}
protected function theList_caretChangeHandler(event:IndexChangeEvent):void
{
    scrollGroup( event.newIndex );
    event.target.invalidateDisplayList();
}
    InformationsquelleAutor Gotta Getmedat
  8. 2

    Vous voudrez probablement pour accéder à la Liste de scroller directement et de faire quelque chose comme:

    list.scroller.scrollRect.y = list.itemRenderer.height * index;

    • J'ai trouvé que vous ne pouvez pas modifier la valeur à l'intérieur de scrollRect directement, au lieu de cela, vous devez mettre à jour scrollRect avec un nouveau rectangle? comme ceci
    InformationsquelleAutor shi11i
  9. 1

    Vous pouvez multiplier la hauteur d'un élément par son indice et de transmettre cette valeur à:

    yourListID.scroller.viewport.verticalScrollPosition
    InformationsquelleAutor
  10. 1

    C'est un bug, vous pouvez voir la démonstration et une solution de contournement à l' https://issues.apache.org/jira/browse/FLEX-33660

    InformationsquelleAutor Alexander Farber
  11. 1

    Cette Liste personnalisée de la composante d'extension a fonctionné pour moi:

    <s:List
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    valueCommit="callLater(ensureIndexIsVisible, [selectedIndex])">
</s:List>
    InformationsquelleAutor Philip Keiter
  12. 0

    Récemment, j'ai réalisé un de mes projets en ayant une taille définie pour mes articles dans le groupe..

    <s:Scroller x="940" y="0" maxHeight="465" maxWidth="940" horizontalScrollPolicy="off" verticalScrollPolicy="off">
  <s:HGroup  id="tutPane" columnWidth="940" variableColumnWidth="false" gap="0" x="0" y="0">
  </s:HGroup>
</s:Scroller>

    La suite de cette mon bouton de contrôle pour la manipulation travaillé en incrémentant un privé "targetindex" variable, alors j'ai appelé un checkAnimation fonction, qui a utilisé l'Animer la classe, en combo avec un SimpleMotionPath et une comparaison entre les tutpane.firstIndexInView et de l'indice cible. Cela a modifié la "horizontalScrollPosition" du groupe.

    Cela a permis à des commandes séparées pour essentiellement agir comme une barre de défilement, mais j'ai eu l'exigence de glissement du contrôle pour afficher l'élément sélectionné.. je crois que cette technique pourrait fonctionner pour la sélection automatique d'objets ainsi

    InformationsquelleAutor Method