使用HTML5創建滑塊控件 - 閃光燈

Question

我想要這樣的東西 http://developerdrive.com/demo/slider_control/demo.html 但閃光燈（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」是一個參考文字）。