Прокрутка к выбранному элементу в компоненте Flex 4 Spark List

Question

Я устанавливаю выделенный элемент в s: Компонент списка с помощью ActionScript, он работает, но List не прокручивает выбранный элемент - вам нужно прокручивать с помощью полосы прокрутки или мыши. Можно ли автопрокрутить выбранный элемент? Благодаря !

Answer 1

Try в s:List метод ensureIndexIsVisible(index:int):void.

Answer 2

В гибком-3 есть scrollToIndex метод и, следовательно, вы можете вызвать

list.scrollToIndex(list.selectedIndex); 

Я считаю, что это должно работать в гибком-4 тоже.

Answer 3

Вы, вероятно, хотите получить доступ к скроллера в списке непосредственно и сделать что-то вроде:

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

Answer 4

Вы можете умножить высоту элемента по его индексу и передать это значение:

yourListID.scroller.viewport.verticalScrollPosition 

Answer 5

Недавно я совершил это в одном из моих проектов, имеющих определенный размер для моих позиций в группе ..

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

После этого моих кнопок управления для манипуляций работали приращение частный «targetindex» переменный, то я назвал функцию checkAnimation, которая используется класс Animate, в комбо с SimpleMotionPath и сравнением между tutpane.firstIndexInView и Тарг et index. Это изменило «horizontalScrollPosition» группы.

Это позволило отдельные элементы управления, по существу, действуют как полоса прокрутки, но у меня было требование сдвинув управления для просмотра выбранного элемента .. Я считаю, что этот метод может работать для автоматического выбора элементов, а

Answer 6

Для Spark:

list.ensureIndexIsVisible(index);

Answer 7

Я видел эту основную идею здесь ... 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

Эта функция выделит верхнюю часть списка в Flex 4+. Он учитывает высоту элемента, поэтому он будет работать для списков с разными элементами разной высоты.

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

Это работает для меня. пришлось использовать 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

Это ошибка - вы можете увидеть демонстрацию и обходной путь на https://issues.apache.org/jira/browse/FLEX-33660

Answer 12

Этот обычай расширение списка компонент работал для меня:

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