scrollview - 如何为 Scrollview 添加视差？

Question

我想使用 famo.us 标准 Scrollview但是有一个以不同速度滚动的背景图像以产生视差效果。

我想知道是否有一种方法可以连接到事件流，或者以某种方式将 Scrollviews 位置通过管道传输到应用于另一个对象的转换中，而不是设置计时器和 getPosition 东西？例如，在 scrollview 和修改器链中使用修改器，然后将其应用于另一个 imageSurface？

这里的示例有点单薄，因此不胜感激。

Answer 1

要回答你的问题，管道滚动事件的方法是使用 scrollview 的同步属性来获取滚动更新。

也就是说..

scrollview.sync.on('start',function(e){ // Do Something });
scrollview.sync.on('update',function(e){ // Do Something });
scrollview.sync.on('end',function(e){ // Do Something });

但是为了同步渲染对象并确保精度，我发现引擎预渲染功能非常棒。

所以我会做这样的事情。

Engine.on('prerender',function(){

  // Divide by scalar to get effect

  var parallaxEffect = 2.0
  var bgPos = -contentScrollview.getPosition() / parallaxEffect;

  imageView.state.setTransform(Transform.translate(0,bgPos,0)));

})

希望这些指示有所帮助!