flash 制作控制滑块

滑块使用范围非常广泛

如:音量控制,播放控制,尺寸控制等等,不胜枚举

思路:1.确定滑块的横向移动范围;
     
2.获得滑块(slider)在控制条(bar)中的相对位置(百分比);
     
3.最后返回一个变量(per),范围在1~100,是唯一的变量输出。

步骤1:
  

1.绘制一长方块,保存为影片剪辑,实例名slider,注册点在中心;

2.绘制一控制条,保存为影片剪辑,实例名bar,注册点在左中;

3.放入一个图片,保存为影片剪辑,实例名为mc.

步骤2:
加入AS代码:
var left = bar._x+slider._width/2;

var right = bar._x+bar._width-slider._width/2;

var bottom = top = bar._y;
//确定slider可移动的左右及上下边界

slider.onPress =
function() {

this.startDrag(true, left, top, right,
bottom);

};

slider.onRelease =
function() {

this.stopDrag();

};

_root.onMouseMove = function() {

var per =
Math.ceil((slider._x-left)/(right-left)*100);
//per(slider在bar中的相对位置)=slider的x坐标 ÷
slider移动的宽度范围
_root.mc._xscale = per;

_root.mc._yscale =
per;
//最后用这个比值再去控制图片的缩放大小

};

slider.onReleaseOutside = slider.onRelease;
//鼠标在外面释放也等同于内部释放的效果

^_^这是个非常有用的实例,我们不防把这个控制条整个存为元件,日后再用的只需要从库中拖出一个就可以了。^_^

Flash充电1:startDrag()

mc.startDrag([固定中心],[left],[top],[right],[bottom])

固定中心:[可选]
一个布尔值,指定可拖动影片剪辑是锁定到鼠标位置中央
(true),还是锁定到用户首次单击该影片剪辑的位置上
(false)。

left,top,right,bottom:[可选]
相对于该影片剪辑的父级的坐标的值,用以指定该影片剪辑的约束矩形。

Flash充电2:取整函数简介

(1)Math.floor:
向下取整,小于等于该数字的最接近的整数。

例如:

Math.floor(12.8) 值为 12

Math.floor(-6.2) 值为 -7

(2)Math.ceil:
向上取整,大于等于该数字的最接近的整数。

例如:

Math.ceil(12.1) 值为 13

Math.ceil(12.01) 值为 13

(3)Math.round:
采用四舍五入方式取整。

例如:

Math.round(365.34) 值为 365

Math.round(20.5) 值为 21

Math.round(-45.5) 值为 -45

Math.round(-45.51) 值为 -46

时间: 2025-01-21 03:35:49

flash 制作控制滑块的相关文章

[Flash基础理论课07]制作控制滑块[startDrag]

返回"Flash基础理论课 - 目录" 滑块使用范围非常广泛 如:音量控制,播放控制,尺寸控制等等,不胜枚举 思路:1.确定滑块的横向移动范围: 2.获得滑块(slider)在控制条(bar)中的相对位置(百分比); 3.最后返回一个变量(per),范围在1-100,是唯一的变量输出. 步骤1: 1.绘制一长方块,保存为影片剪辑,实例名slider,注册点在中心; 2.绘制一控制条,保存为影片剪辑,实例名bar,注册点在左中; 3.放入一个图片,保存为影片剪辑,实例名为mc. 步骤2:

Flash制作控制图片大小和暗亮动画效果

控制 原文件:点击下载控制图片.rar(只适合FLASH2004,不适合FLASH6.0) 制作方法:把图片导入后实例名改为tp 然后添加4个按钮分别为大.小.暗.亮 然后就是为按钮添加代码了! 大的按钮的代码:on(release){   tp._xscale+=10;   tp._yscale=tp._xscale+10;  }  小的按钮的代码:on(release){   tp._xscale-=10;   tp._yscale=tp._xscale-10;  } 暗的按钮代码: on(

Flash制作用键盘方向键控制的动画实例

方向|控制 今天为大家用Flash制作一个用键盘方向键控制的动画,动画的效果你可以直接点动画后,然后按键盘上的方向键可以看到效果!希望大家喜欢. 点击这里下载源文件 1.创建Flash文档,大小为250x190.然后把实现准备好的图片素材导入到舞台.然后按Ctrl+F8创建一个新的元件,类型Movie Clip ,然后添加一个层,分别命名为:images和Script,效果如下图所示: 2.然后把该MC放到舞台上,用鼠标单击,然后命名一个实例名square: 3.下面我们给影片剪辑的script

用Flash制作个性化的QQ表情

现在大多数聊天工具都可以发送一些动态表情,这些生动有趣的表情本质就是一个小的GIF动画,使用动画制作软件就可以轻松制作出个性化表情,这绝对是获取MM芳心的一大绝招!本文将以Flash Mx 2004为例,向大家介绍一下如何制作个性化的QQ表情.相信通过本文的学习,不但可以制作出一枚独一无二的表情,还能够在轻松地阅读中掌握Flash动画制作基础. 小提示 QQ表情动画的格式是GIF(绝大多数聊天软件的表情动画都是此格式),所以将Flash制作的动画输出为Gif格式即可作为QQ表情. 第一步:启动F

Flash制作函数曲线课件

函数 高中数学要接触到许多曲线,如正弦曲线.双曲线.抛物线等,如果在教学中能利用课件动态演示各种曲线,并且能通过改变参数而使曲线形状或位置发生变化,将会有助于学生理解掌握各种曲线的性质及特点. 本人在用Flash制作数学课件时,总结出一个有效绘制各种曲线的方法.原理是巧妙利用曲线的参数方程来绘制曲线,如正弦曲线的参数方程为:x=mt:y=Asin(mФ+Ф0),其中Ф=2Пt/T,曲线上某一点A(X,Y)都是变量t的函数,而在FLASH的时间线中,每帧之间有一定的时间间隔,我们可以把这一时间间隔

Flash按钮控制声音具体实现

按钮|控制 刚有网友问我怎么在flash中控制声音的开始和停止.开始我想拿按钮stop再play不就OK了?再一试才想起来声音不能这么控制.要想知道怎么做,请接着往下看.展示: 点击这里下载源文件 首先准备你的材料:声音文件(不要太大哦),随便做一个动画再从库里面拖出来个按钮.开始咯.先把演员定位.我是这么放的,图层一放动画,取个名字就叫动画吧.图层二放按钮.图层三放声音.(其实位置随便吧).把演员们都放上去吧.见下图: 在库里面右键点击你的声音,选择"链接..." 在弹出的对话框里面

如何利用FLASH制作留言板

如何利用FLASH制作留言板? 解决思路 我们可以通过FLASH  MX中自带的组建来实现一个简单的留言板实例.使用FLASH中的组件非常方便.本例只是涉及到了制作,留言板在具体的应用中还有很多FLASH以外的知识,在这里就不向大家介绍了. 具体步骤 1,  运行FLASH MX,文档属性默认. 2,  导入一幅壁纸图片留言板的背景.朋友们也可以自己设置FLASH文档背景或者建立一个图层作为背景.如图1所示. 图1    导入背景图片 3,  新建一个图层,利用文本工具,输入静态文本.并设置它们

用Flash制作螺旋发散特效动画

特效 今天我们来用FLASH制作"变化莫测"的螺旋发散动画特效,在制作这种特效之前,让我们先来先浏览一下最终的效果. 点击这里下载源文件 制作过程: 第1步:打开FLASH软件,新建一个大小为:400*300的新文件,背景为:黑色,帧数为:25帧.如下图: 第2步:点击"菜单栏"→"插入"→"新建元件"(快捷键为:Ctrl+F8),名称:元件1:行为:图形:点击确定.如下图: 第3步:点击"工具栏"→&qu

Flash制作彩色线条动态图案生长动画

动态 今天我们用Flash软件制作一个彩色线条动态生长图案的动画效果,希望大家会喜欢. 首先让我们来看一下最终的效果. 点击这里下载源文件 第一步:打开Flash制作软件,新建一个400*300像素的新文件,背景颜色为黑色,如下图: 第二步:点击菜单栏"插入"→"新建元件"→设置为(名称:元件1,行为:图形),点周确定,如下图: 第三步:在元件1里,用工具栏的"线条工具"画一条粗细为1个像素的小斜线,如下图: 第四步:点击菜单栏"插入&