快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash中拖拽命令具体介绍

  注:以下教程均是在Flash MX 2004版本下进行!

  在网上常常看到的flash影片中有的对象可以被鼠标进行拖动。例如有的类似七巧板的拼图游戏,控制音量的滑杆等,所使用的就是flash中的拖拽动作。最近在论坛有人询问讲解一下鼠标拖拽效果的实现方式,今天从网上找了几篇文章综合了下给大家讲解一下!

  下面我来讲解一下拖拽命令。

  1、首先介绍一下开始拖拽命令的具体用法,稍后在后面的例子中进行测试。

  命令格式:StartDrag(要拖动的影片剪辑,[是否锁定到鼠标位置中心,左,上,右,下])或写为要拖动的影片剪辑.StartDrag([是否锁定到鼠标位置中心,左,上,右,下])

  命令讲解:在制作动画的过程中,上面两种书写方式可任选一种。其中[]内的为可选参数,也就是可以写,也可以不写。至于左,上,右,下四个参数是用来控制被拖对象的移动范围。

  2、停止拖拽命令讲解

  命令格式: 被拖动的影片剪辑实例名.stopDrag()

  这样就可以停止对对象的拖拽动作。

  二、实例讲解

  下面来用一个简朴的例子实验拖拽命令。

  操作步骤:

  1、新建一个flash文档,并在舞台上绘制一个圆形。选中圆形并按F8,将此圆形转变为影片剪辑,起名为:circle。确定后将会在舞台上创建一个圆的实例。如下图: 

  2、选中此实例,并按F9打开动作面板。输入如下脚本:

  on (press) {

  this.startDrag(true);//当鼠标按下(press)之后,这个实例(因为我们把脚本写在实例本身了,所以这里用this代替影片剪辑实例的名字)可以被拖拽,使用命令如上面的命令解释。对于参数的选择方面,这里只填写了锁定到鼠标位置中心,假如想选不锁定到鼠标位置中心,可以把true改为false。有爱好的朋友可以更改为false看看。

  }

  on (release) {

  this.stopDrag();//同样道理,当鼠标释放(release)之后,将停止拖拽动作。
  }

  3、好了,现在让我们按Ctrl+回车来测试一下吧,你将会看到舞台上的圆被你的鼠标拖动的效果。

« Full Screen »

点击这里下载源文件

  4、OK,通过这个例子我们可以简朴的应用拖拽动作了。现在需要把这个例子继承完成,还记得上面命令讲解中的左,上,右,下四个控制拖动范围的参数吗?现在来制作具有约束拖动范围的效果。

  5、现在在舞台上绘制一个200*100大小的矩形,注重只要边框不要填充。如下图:


  6、假如我们希望在拖动的时候这个圆只能在矩形内拖动的话,就要先设置这个矩形的坐标,并记下矩形四个顶点的坐标(这点很重要!)。OK,比如,现在此例子中的矩形的四个顶点分别如上图所示。那我们要取的四个参数就应该是:左=50,上=100,右=250,下=200 现在打开动作面板,修改刚才的脚本如下:

  on (press) {
    this.startDrag(true, 50, 100, 250, 200);//这里我们就使用刚才确定好的4个参数。4个点的参数就对拖动对象实现了一个矩形区域的移动约束!
  }
   on (release) {
   this.stopDrag();
  }

  7、呵呵,迫不及待的想检测你的成果吧?好了,按Ctrl+回车去测试吧!

« Full Screen »

点击这里下载源文件


返回类别: Flash教程
上一教程: Flash制作闪电效果动画
下一教程: Loading 预载动画程序设计

您可以阅读与"Flash中拖拽命令具体介绍"相关的教程:
· Flash中关于声音的常用命令介绍
· 时间轴控制命令介绍
· Flash MX 2004视频宝典教程(1)介绍
· FlashMX 视频教程(2)-工具箱的介绍
· Flash制作最简朴的可拖拽窗口教程
    微笑服务 优质保证 索取样品