Famo.us：我如何以編程方式爲ScrollView的位置設置動畫效果？

Question

我可以用myScrollview.setPosition(y)直接設置位置，或者用myScrollview.setVelocity(delta)手動應用運動。但是，有沒有辦法將平滑，精確的緩動轉換應用到滾動視圖的位置？謝謝！

Answer 1

這是我看中了（可能有更好的方法來做到這一點）：

var self = this; // current view object 
var transitionTime = 500; //ms 

// How far do we need to move every 16.67 ms (1/60th of a second)? 
self.animatedScrollDelta = (self.myScrollview.getPosition()/(transitionTime/16.6667)); 
self.animatedScroller = Timer.every(animateScrollerCallback, 1); 

function animateScrollerCallback() 
{ 
    var pos = self.myScrollview.getPosition() - self.animatedScrollDelta; 
    self.myScrollview.setPosition(Math.max(0, pos)); 

    if(pos < 0) 
     Timer.clear(self.animatedScroller);  
} 

注：該線的動畫，這是我需要的東西。我相信其他緩解公式可以使用TweenTransition來實現。

Answer 2

或者，您可以使用FlexScrollView，它使用物理彈簧將滾動位置平滑地拉到新位置。它也具有用於設置滾動位置的擴展API：

https://github.com/IjzerenHein/famous-flex/blob/master/docs/FlexScrollView.md https://github.com/IjzerenHein/famous-flex/blob/master/docs/ScrollController.md https://github.com/IjzerenHein/famous-flex/blob/master/tutorials/FlexScrollView.md https://github.com/IjzerenHein/famous-flex