使用HTML5创建滑块控件 - 闪存

Question

我想要这样的东西 http://developerdrive.com/demo/slider_control/demo.html 但是用flash（swf窗口）...... 有可能吗？

Answer 1

一切皆有可能！您可以使用此处的内置滑块组件：

Use the Slider component

首先，您可以将默认起始值​​设置为中间，如下所示：

var slider:Slider = new Slider();
slider.value = 50;

默认情况下，您的文本字段也设置为100：

someTextField.text = "100%";

您可以配置更改处理程序功能，并根据收到的值更新图像大小和文本字段。

slider.addEventListener(SliderEvent.CHANGE, changeHandler);

function changeHandler(e:SliderEvent):void {
    var modifiedPercent:number = 2 * e.value;
    someImage.width *= modifiedPercent / 100;
    someImage.height *= modifiedPercent / 100;
    someTextField.text = modifiedPercent+"%";
}

它将百分比乘以2，这实际上使滑块的范围从0到200.然后调整图像尺寸和文本字段值（“someImage”是对图像的引用，“someTextField”是对文本的引用）。