Desplácese hasta el elemento seleccionado en el componente Lista de chispas de Flex 4

Question

Estoy configurando el elemento seleccionado en s: Componente de lista con Actionscript, funciona, pero la Lista no se desplaza al elemento seleccionado; necesita desplazarse con la barra de desplazamiento o el mouse. ¿Es posible desplazarse automáticamente al elemento seleccionado? Gracias !

Answer 1

Prueba el método s:ListensureIndexIsVisible(index:int):void.

Answer 2

en Flex-3 no es un método scrollToIndex y por lo tanto se puede llamar

list.scrollToIndex(list.selectedIndex); 

creo que esto debería funcionar en Flex-4 también.

Answer 3

es probable que desee acceder a la rueda de desplazamiento de la Lista directamente y hacer algo como:

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

Answer 4

Puede multiplicar la altura de un elemento por su índice y pasar este valor a:

yourListID.scroller.viewport.verticalScrollPosition 

Answer 5

recientemente he logrado esto en uno de mis proyectos por tener un tamaño definido por mis artículos del grupo ..

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

después de esto mis botones de control para la manipulación trabajado incrementando un "targetindex" privada variable, entonces me llama una función checkAnimation, que utiliza la clase Animate, en combinación con un SimpleMotionPath y una comparación entre tutpane.firstIndexInView y targ et index. Esto modificó la "horizontalScrollPosition" del grupo.

Esto permitió controles separados para actuar esencialmente como una barra de desplazamiento, pero no tenía el requisito de la corredera de control para ver el elemento seleccionado .. Creo que esta técnica podría funcionar para la selección automática de artículos, así

Answer 6

Para chispa:

list.ensureIndexIsVisible(index);

Answer 7

vi esta idea básica aquí ... 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(); 
} 

Answer 8

Esta función se desplazará a la parte superior de la lista en Flex 4+. Tiene en cuenta la altura del elemento, por lo que funcionará para listas con diferentes elementos con diferentes alturas.

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; 

     } 
    } 
} 

Answer 9

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

private function updateIndex():void 
{ 
    list.selectedIndex = newIndex; 
    list.ensureIndexIsVisible(newIndex); 
} 

Answer 10

Esto funcionó para mí. tuvo que usar el callLater.

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

private function updateIndex():void { 
    list.ensureIndexIsVisible(list.selectedIndex); 
} 

Answer 11

Es un error - se puede ver la demostración y una solución en el https://issues.apache.org/jira/browse/FLEX-33660

Answer 12

Esta extensión componente de lista personalizada que funcionó para mí:

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