2012-05-03 178 views
0

来控制被蒙版的滚动条我有一些问题。我想创建这样的东西,但垂直而不是水平。 我也想通过点击向上/向下按钮而不是滚动来控制滑块。如何通过点击

参考:http://active.tutsplus.com/tutorials/effects/create-a-responsive-xml-image-scroller-in-actionscript-3-0/

现在我有对我的笨手笨脚的容器MC和面具掩盖该容器。我也有我的按钮,将触发此向上滚动/向下滚动功能 。

我不知道如何编写该函数。我已经完成了容器间的上下调整,但是我需要一个限制 ,因此它需要补间并远离界限。

有什么建议吗?

回答

0

首先,为了防止蒙版与内容一起移动,请确保它与您的内容位于同一层。

例如:

myContainer ¬ 
    - contentBox 
    - maskShape 

而且contentBox.mask = maskShape

对于滚动,只需按一下导航按钮即可增加或减少contentBox的位置。

在向下按钮的情况下,你的事件监听器你会做这样的事情......

contentBox.y = contentBox.y + 25; 

当然我们希望这个平稳地滑动了,所以在​​的情况下..

TweenLite.to(contentBox, 0.5, {y:contentBox.y + 25}); 

“向上”按钮与此相反。

+0

谢谢!这似乎是要走的路,而且我现在到目前为止。现在我只是不知道如何防止contentBox补间到很远,所以它补间不见了。有没有一个很好的方法来检查? – user987387

+0

绝对。我建议三元操作(http://en.wikipedia.org/wiki/Ternary_operation)。假设你的contentBox是200px,并且你的maskShape是100px,并且你不想滚过底部,你会这样做: 'contentBox.y =(contentBox.y - 25 <= -100 )? -100:contentBox.y - 25;' 基本上,我们说“如果移动框的结果超出我们的最大位置,将其设置为最大值,否则使用计算。当然,你可以在if/else语句中输入它,但是可以漂浮在你的船上。 ;) – Atriace