应用思考-教育技术论坛

标题: 实例教程:使用Flash制作滑动 [打印本页]

作者: etthink    时间: 2009-11-23 12:40
标题: 实例教程:使用Flash制作滑动
<p>滑块在课件制作中有着重要应用,它不仅是<a target="_blank" href="http://www.qiexing.com">课件</a>的一种交互方式,而且也是模拟一些实验现象的重要手段。</p>
<p>我们经常使用滑块来做这样的事情:</p>
<ul>
    <li>改变或输入数值,如一些仪器的表盘、电压、电流,温度,电阻等;</li>
    <li>响应输入,如我们给一个具体的数值,会引起温度计,液面等现象的变化;</li>
    <li>缩放图片或调节音量等。</li>
</ul>
<p>滑块演示:拖动滑块可以改变数值,从0-100</p>
<p><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"></p>
<p>下面介绍如何使用<a target="_blank" href="http://www.qiexing.com">Flash制作一个滑块</a>(以as3脚本语言为例):</p>
<p>&nbsp;1 制作slider_mc bar_mc 添加动态文本框 result_txt</p>
<p><img onload="ResizeImage(this,420)" src="http://www.qiexing.com/upload/2009/11/200911231230221647.jpg" alt="" title=""></p>
<p>2 代码如下:</p>
<blockquote>
<p>var left=bar_mc.x;<br>
var top=bar_mc.y;<br>
var right=bar_mc.width ;<br>
var bottom=0;//限制其只能沿水平方向移动<br>
var val:uint ;//值变化的幅度为1,所以类型选择无符号整数<br>
//right+slider_mc.width/2 实现改变值达到100<br>
var region:Rectangle= new Rectangle(left,top,right+slider_mc.width/2,bottom);<br>
slider_mc.buttonMode=true;<br>
<br>
slider_mc.addEventListener(MouseEvent.MOUSE_DOWN,changebegin);<br>
slider_mc.addEventListener(MouseEvent.MOUSE_UP,changeend);<br>
stage.addEventListener (MouseEvent.MOUSE_MOVE,changetxt);<br>
<br>
function changebegin(event:MouseEvent):void {<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; slider_mc.startDrag(false,region);<br>
}<br>
<br>
function changeend(event:MouseEvent):void {<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; slider_mc.stopDrag();<br>
}<br>
function changetxt(event:MouseEvent ):void{<br>
&nbsp;&nbsp;&nbsp; <br>
&nbsp;&nbsp;&nbsp; val=(slider_mc.x-left)/right*100;<br>
&nbsp;&nbsp;&nbsp; result_txt.text=String(val);<br>
&nbsp;&nbsp;&nbsp; <br>
&nbsp;&nbsp;&nbsp; }</p>
</blockquote>
<p>&nbsp;</p>
<p>源文件下载: (, 下载次数: 177) &nbsp; (, 下载次数: 103) </p>
<p>希望大家可以依此进行改进!</p>
<p>&nbsp;</p>
作者: 兔尛兔ˉ    时间: 2011-10-24 00:51
为什么下了打不开呢?
作者: 兔尛兔ˉ    时间: 2011-10-24 00:52
急用啊。。谁可以帮帮我呢。。谢谢了 扣扣372412




欢迎光临 应用思考-教育技术论坛 (http://etthink.com/) Powered by Discuz! X3.4