2013-03-09 47 views
0

我刚开始学习Flash,我决定制作一个很酷的小图片库(有些家庭相册)。当我测试电影时,第一个图像加载在中央。图像下方是一些缩略图大小的按钮,可点击并将图像加载到中央。由于我将要合并很多照片,所以我想使用滑块(从左到右),以便我可以在照片中来回滚动,找到想要点击的照片来显示。Flash Slider组件

因为我没有Action脚本的经验,我希望有人能让我开始这个过程,也许可以解释Slider的工作原理。

谢谢!

回答

1

您可以轻松地创建自己的滑块,学习过程的东西: )。

滑块 - 旋钮的移动,必须对应画廊的大小被移动到滑块的大小的画廊的移动。基本上就是这样。所以,你会需要一些数学公式和基本要素:

gallery.width/slider.width - 以确定是否廊宽度大于 滑块(所以你会希望与滑动进行),你也可以使用此确定旋钮大小的比例。所以,如果画廊比滑块小 - 那么你可能不会呈现滑块,或使旋钮的大小滑块,所以它不会移动。或者让旋钮与画廊溢出的大小成比例大小 - 只是试验我在这里写的所有内容。

你会也需要使用这些元素:

  1. 画廊(显示对象),
  2. 面膜/对画廊容器(画廊的可见部分),
  3. 滑块,
  4. 旋钮。
  5. Rectangle对象

画廊将只是一个包含所有图像作为孩子的显示对象。

面膜/容器将显示对象,这将提供区域的边界,其中库的一部分是可见的

滑块 - 任何的Sprite

旋钮 - 任何的Sprite

矩形 - 将是当然矩形对象,宽度为slider.width - 旋钮。宽度和高度为0,所以这将允许沿滑块拖动旋钮没有去在它之外,通过使用功能:

knob.startDrag(false, rect); // Use it at MouseEvent.MOUSE_DOWN of knob 

knob.stopDrag() // Use it at MouseEvent.MOUSE_OUT of knob 

您可以创建矩形使用此代码:

new Rectangle(0, knob.x, slider.width - knob.width, 0); 

而且你需要旋钮的运动转化为画廊的移动这将是这样的:

// When moving knob you can use this formula: 
gallery.x = knob.y/(slider.width - knob.width) * (gallery.width - mask.width); // Use it at MouseEvent.MOUSE_MOVE of knob 

我觉得应该是吧,我从我的头顶写基于某些库我刨光e,前段时间,所以请告诉我你是否会遇到任何问题,但我认为这些都是你需要的基本知识。

0

看一看在ScrollPane
添加您的缩略图的容器,并用其作为滚动面板的来源和滚动将被照顾

+1

他的描述听起来更像是[Carousel](http://developer.yahoo.com/flash/astra-flash/carousel/)组件,而不是ScrollPane – 2013-03-09 23:48:19

+0

我不能从描述中读出它,但你可能会对!让我们看看他在说什么! – M4tchB0X3r 2013-03-09 23:51:03