滾動到Flex 4 Spark List組件中的選定項目

Question

我在s中設置了選定元素：列表組件使用Actionscript，它工作，但List不滾動到選定項目 - 需要使用滾動條或鼠標滾動。是否可以自動滾動到選定的項目？謝謝 ！

Answer 1

嘗試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功能，它使用了動畫類，與SimpleMotionPath和tutpane.firstIndexInView之間的對比組合TARG et指數。這修改了該組的「horizo​​ntalScrollPosition」。

這使得獨立控制基本上充當一個滾動條，但我有滑動控制的要求，查看所選擇的項目。我相信這種技術可以爲項目的自動選擇，以及

Answer 6

工作星火：

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>