Flash Slider组件

Question

我刚刚开始自己学习flash，我决定做一个很酷的小图片库(有点像家庭相册)。下面的图像是缩略图大小的小按钮，可以点击这些按钮，图像将加载在中心。因为我要合并很多照片，所以我想使用滑块(从左到右)，这样我就可以在照片中来回滚动，找到我想要点击显示的那一张。

因为我没有使用Action-script的经验，所以我希望有人能帮我开始这个过程，或许还能解释一下Slider是如何工作的。

谢谢!

Answer 1

您可以轻松创建自己的滑块，并在过程中学到一些东西:)。

在滑块-旋钮的移动中，必须对应于画廊的移动，其中画廊的大小转换为滑块的大小。基本上就是这样。因此，您将需要一些数学公式和基本元素：

Gallery.width/lider.width-要确定图库是否比滑块宽(因此您希望继续滑动)，您还可以使用此比例来确定旋钮的大小。因此，如果画廊将小于滑块-那么您可能不会渲染滑块，或使旋钮滑块的大小，因此它将是不可移动的。或者让旋钮的大小与画廊溢流的大小成比例--只是尝试一下我在这里写的所有东西。

您还需要使用这些元素：

显示对象图库(显示对象)、图库的

• mask/container (图库的可见部分)、

• knob.

• Rectangle

、

• 滑块

Gallery将只是一个显示对象，它包含所有作为子图像的图像。

遮罩/容器将是将提供部分图库可见区域边界的显示对象

滑块-任何雪碧图

旋钮-任何雪碧酒

Rectangle -当然是Rectangle对象，宽度为slider.width - knob.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

我想应该就是这样了，我是根据我前段时间写的一些库写的，所以请告诉我你是否会遇到任何问题，但我认为这些都是你需要的基本知识。

Answer 2

看一看ScrollPane

将缩略图添加到容器中，并将其用作Scrollpane的源，滚动将得到处理