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

etthink · 发表于 2009-11-23 12:40:16

滑块在课件制作中有着重要应用，它不仅是<a target="_blank" href="http://www.qiexing.com">课件</a>的一种交互方式，而且也是模拟一些实验现象的重要手段。
我们经常使用滑块来做这样的事情：
<ul>
<li>改变或输入数值，如一些仪器的表盘、电压、电流，温度，电阻等;</li>
<li>响应输入，如我们给一个具体的数值，会引起温度计，液面等现象的变化;</li>
<li>缩放图片或调节音量等。</li>
</ul>
滑块演示：拖动滑块可以改变数值，从0-100
<embed menu="true" loop="true" play="true" pluginspage="http://www.macromedia.com/go/getFlashplayer" mediawrapchecked="true" src="http://www.qiexing.com/kc/slider.swf" type="application/x-shockwave-flash" id="Player1258951170496" splayername="SWF" tplayername="SWF" height="82" width="491">
下面介绍如何使用<a target="_blank" href="http://www.qiexing.com">Flash制作一个滑块</a>（以as3脚本语言为例）：
 1 制作slider_mc bar_mc 添加动态文本框 result_txt
<img onload="ResizeImage(this,420)" src="http://www.qiexing.com/upload/2009/11/200911231230221647.jpg" alt="" title="">
2 代码如下：
<blockquote>
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); 
    
    }
</blockquote>
 
源文件下载：

slider.fla (64 KB, 下载次数: 205)  

slider.swf (1.46 KB, 下载次数: 137) 
希望大家可以依此进行改进！