Question

我刚开始自己学习flash，我决定制作一个很酷的小图片库（有点像家庭相册）。当我测试电影时，第一张图像在中心加载。图像下方是小缩略图大小的按钮，可以单击这些按钮，图像将加载到中心。由于我要合并很多照片，我想使用Slider（从左到右），这样我就可以在照片中来回滚动，找到我要点击的照片来显示。

由于我没有使用Action脚本的经验，所以我希望有人可以让我开始使用该过程，并解释Slider的工作原理。

谢谢！

Answer 1

您可以轻松创建自己的滑块，并了解正在处理的内容:)。

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

gallery.width / slider.width - 确定图库是否宽于滑块（所以你想继续滑动），你也可以用这个比例来确定旋钮的大小。因此，如果图库小于滑块 - 那么您可能无法渲染滑块，或者将旋钮设置为滑块的大小，因此它不会移动。或者将旋钮按比例调整到画廊溢出的大小 - 只是试验我在这里写的所有内容。

您还需要使用这些元素：

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的源代码并滚动显示

Flash滑块组件

2 个答案: