Эффект скручивания для прокрутки списка в AS3 Flex

Question

У меня есть холст под названием tileListCanvas который я прокручиваю вертикально, когда мышь перемещается вверх и вниз по tileListCanvas, Все работает нормально, но я бы хотел добавить эффект анимации к поведению прокрутки, чтобы прокрутка постепенно замедлялась и прекращалась, когда пользователь прекращал двигать мышь. Поведение прокрутки реализуется

target = tileListCanvas.verticalScrollPosition -= (10 - yDiff) 

для прокрутки и

target = tileListCanvas.verticalScrollPosition += (10 + yDiff) 

для прокрутки вниз.

Если кто-нибудь может дать мне некоторое представление о том, как это можно сделать, это сделает мой день!

[Bindable]private var previousX:Number = 0;
[Bindable]private var previousY:Number = 0;
[Bindable]private var currentX:Number = 0;
[Bindable]private var currentY:Number = 0;
[Bindable]private var xDir:String;
[Bindable]private var yDir:String;
[Bindable]private var xDiff:Number = 0;
[Bindable]private var yDiff:Number = 0;

[Bindable]private var lastX:Number = 0;
[Bindable]private var lastY:Number = 0;
[Bindable]private var speed:Number;
[Bindable]private var target:Number = 0;

private function initMouseDirectionChecker():void
{
    tileList.addEventListener(MouseEvent.MOUSE_MOVE, checkDirection);
}

private function beginScrolling(mouseEvent:MouseEvent):void
{
    tileListCanvas.verticalScrollPosition -= 5;
}

 public function checkDirection(e:MouseEvent):void
{
    getHorizontalDirection();
    getVerticalDirection();

    dir1.text = "x: " + xDir
    dir2.text = "y: " + yDir;
}

//Horizontal
private function getHorizontalDirection():void
{
    previousX = currentX; //Checks the last position
    currentX = stage.mouseX; //Gets the current position

    if (previousX > currentX) //Compares both positions to determine the direction
    {
        xDir = "left";
    }
    else if (previousX < currentX)
    {
        xDir = "right";
    }
    else
    {
        xDir = "none";
    }
}

//Vertical
private function getVerticalDirection():void
{
    previousY = currentY; //Checks the last position
    currentY = stage.mouseY; //Gets the current position

    if (previousY > currentY) //Compares both positions to determine the direction
    {
        yDir = "up";
        target = tileListCanvas.verticalScrollPosition -= (10 - yDiff);                    
    }
    else if (previousY < currentY)
    {
        yDir = "down";
        target = tileListCanvas.verticalScrollPosition += (10 + yDiff);
    }
    else
    {
        yDir = "none";
    }
}

Answer 1

Спасибо быстрый ответ высоко ценится!

Я последовал вашему совету и загрузил GASP с http://www.greensock.com/, где я смог импортировать swap greensock в свой проект и получить доступ к TweenLite. Я использовал приведенный ниже код для достижения нужного эффекта прокрутки.

TweenLite.to(tileListCanvas, 2, {verticalScrollPosition:currentY +10, ease:Back.easeOut});

Надеюсь, что это может помочь другим.