Przewiń do wybranej pozycji w elemencie Flex 4 Spark List

Question

Ustawiam wybrany element w: Składnik listy z Actionscript, działa, ale Lista nie przewija do wybranego elementu - trzeba przewijać za pomocą paska przewijania lub myszy. Czy można automatycznie przewinąć do wybranego elementu? Dzięki !

Answer 1

spróbować metody ensureIndexIsVisible(index:int):voids:List.

Answer 2

Flex-3 istnieje metoda scrollToIndex i stąd można zadzwonić

list.scrollToIndex(list.selectedIndex); 

Wierzę, że to powinno działać w Flex-4 też.

Answer 3

Prawdopodobnie będziesz mieć dostęp scroller listy bezpośrednio i zrobić coś takiego:

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

Answer 4

można pomnożyć wysokość elementu o indeksie i przekazać tę wartość do:

yourListID.scroller.viewport.verticalScrollPosition 

Answer 5

Niedawno dokonał tego w jednym z moich projektów poprzez zdefiniowany rozmiar moich artykułów w grupie ..

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

następstwie tej moich przycisków sterujących do manipulacji pracował przez zwiększający prywatny „targetindex” zmienna, a następnie zadzwoniłem funkcję checkAnimation, który używany klasę Animacja, w kombi z SimpleMotionPath i porównania tutpane.firstIndexInView i targ et index. To zmodyfikowało "horizontalScrollPosition" grupy.

Pozwoliło to oddzielne kontrole zasadniczo pełnić funkcję paska przewijania, ale miałem wymóg przesuwając sterowania, aby wyświetlić wybrany element .. Wierzę, że ta technika może pracować dla automatycznego doboru elementów oraz

Answer 6

Dla Spark:

list.ensureIndexIsVisible(index);

Answer 7

widziałem tę podstawową ideę tutaj ... 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

Ta funkcja przewinie do góry listy w programie Flex 4+. Bierze pod uwagę wysokość przedmiotu, więc będzie działać dla list z różnymi przedmiotami o różnej wysokości.

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

Ten pracował dla mnie. musiał użyć 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

To jest błąd - można zobaczyć demonstrację i obejście na https://issues.apache.org/jira/browse/FLEX-33660

Answer 12

Ten zwyczaj rozszerzenie komponentu Lista pracował dla mnie:

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