使用鼠标滚轮的 Flex 列表滚动速度

Question

我有一个扩展 List 的自定义类，我将其用作容器。然而，鼠标滚轮的滚动速度太快，因为即使您只移动滚轮一点点，它也会滚动负载。我尝试将事件侦听器添加到 MouseEvent.MOUSE_WHEEL 的列表中并设置 event.delta 的值，但这没有效果。有谁知道我怎样才能让它慢一点？

我的自定义类没什么特别的，我只是创建了它，这样我就可以为不同的项目类型提供不同的 itemRenders。它看起来像：

public class MultipleRenderersList extends List
{
    override public function createItemRenderer(data:Object):IListItemRenderer
    {
        if (data is IRenderable)
        {
             return data.getDiaryRenderer();
        }
        else if (data is Array) 
        {
             if (data.length > 0)
             {
                  if (data[0] is IRenderable)
                  {
                       return data[0].getDiaryRenderer(data);
                  }
             }
        }
        return null;
    }
} 

Answer 1

List 类有一个可以重写的 mouseWheelHandler 函数。只需重写该函数，更新 mouseevent 的 delta 属性，然后调用 super.此示例将增量四分之一，从而大幅降低速度：

package
{
  import flash.events.Event;
  import flash.events.MouseEvent;

  import mx.controls.Alert;
  import mx.controls.List;

  public class MyList extends List
  {

    override protected function mouseWheelHandler(event:MouseEvent):void {
      event.delta = event.delta/4;
      super.mouseWheelHandler(event);
    }

  }
}

但是，在许多情况下，滚动速度/增量将脱离系统首选项，因此这样做可能会导致某些用户出现意外行为。添加处理程序和更新增量失败的原因是此时 mouseWheelHandler 已经被调用。

Answer 2

修改此值的一个非常简单的方法是更改​​ VerticalLineScrollSize 属性。这是所有容器的属性，默认为 5。（对于 flex 3）

Answer 3

实际上，HandOfCode所说的与这里无关。因为他犯了和我一样的错误，就是认为List组件或者TileList组件是容器。他们不是。因此，它们没有 VerticalLineScrollSize 属性。

Sean 解决方案是唯一适合我的案例的解决方案。我想补充一点，event.delta 可能具有正值或负值，具体取决于轮子动作的方向。因此，如果您打算滚动，您最好这样做，例如一次一行：

    override protected function mouseWheelHandler(event:MouseEvent):void
    {
        event.delta = (event.delta > 0) ? 1:-1;
        super.mouseWheelHandler(event);
    }