实例教程：使用Flash制作滑动

etthink

滑块在课件制作中有着重要应用，它不仅是课件的一种交互方式，而且也是模拟一些实验现象的重要手段。

我们经常使用滑块来做这样的事情：

• 改变或输入数值，如一些仪器的表盘、电压、电流，温度，电阻等;
• 响应输入，如我们给一个具体的数值，会引起温度计，液面等现象的变化;
• 缩放图片或调节音量等。

滑块演示：拖动滑块可以改变数值，从0-100

下面介绍如何使用Flash制作一个滑块（以as3脚本语言为例）：

 1 制作slider_mc bar_mc 添加动态文本框 result_txt

2 代码如下：

var left=bar_mc.x;
var top=bar_mc.y;
var right=bar_mc.width ;
var bottom=0;//限制其只能沿水平方向移动
var val:uint ;//值变化的幅度为1，所以类型选择无符号整数
//right+slider_mc.width/2 实现改变值达到100
var region:Rectangle= new Rectangle(left,top,right+slider_mc.width/2,bottom);
slider_mc.buttonMode=true;

slider_mc.addEventListener(MouseEvent.MOUSE_DOWN,changebegin);
slider_mc.addEventListener(MouseEvent.MOUSE_UP,changeend);
stage.addEventListener (MouseEvent.MOUSE_MOVE,changetxt);

function changebegin(event:MouseEvent):void {
        slider_mc.startDrag(false,region);
}

function changeend(event:MouseEvent):void {
        slider_mc.stopDrag();
}
function changetxt(event:MouseEvent ):void{
   
    val=(slider_mc.x-left)/right*100;
    result_txt.text=String(val);
   
    }

 

源文件下载： slider.fla (64 KB)

下载次数: 13

2009-11-23 12:42

  slider.swf (1.46 KB)

下载次数: 6

2009-11-23 12:42

希望大家可以依此进行改进！