Flash MX 2004新特性实例学习二

    实例三、Customizing Context Menu

  一、涉及特性

  这个实例反映了Flash MX 2004在编程方面的重大改进。其中包括了as文件的应用,系统的_global.$clipboard变量的使用,ContextMenu(menufun) 函数的调用,ContextMenuItem()函数的调用,已经MovieClip.prototype.menu变量的使用。通过这几个函数和变量的操作,就可以轻松地操作Flash Player中的菜单了。

  二、制作过程

  1、新建一个Action Script File,命名为“ClipBoard.as”,内容如下:   

  /* Copyright 2003 Macromedia, Inc. All rights reserved.

  The following is Sample Code and is subject to all restrictions

  on such code as contained in the End User License Agreement

  accompanying this product.

  */   

  class ClipBoard extends Object{ //注释1   

  static var $contents:Object; //注释2

  static var $operation:String; //注释3   

  function ClipBoard() {} //注释4   

  static public function cut(obj) { //注释5

  obj._alpha = 50; //注释6

  $contents = obj; //注释7

  $operation = "cut"; //注释8

  }   

  static public function copy(obj) { //注释9

  $contents = obj;

  $operation = "copy";

  }   

  static public function paste() { //注释10

  if ($operation == "cut") { //注释11

  $contents._x = _root._xmouse; //注释12

  $contents._y = _root._ymouse;

  $contents._alpha = 100; //注释13

  $contents = undefined; //注释14

  $operation = ""; //注释15   

  } else if ($operation == "copy") { //注释16

  var newdepth = $contents._parent.getNextHighestDepth(); //注释17

  var newname = $contents._name + newdepth; //注释18

  $contents.duplicateMovieClip(newname, newdepth); //注释19

  $contents._parent[newname]._x = _root._xmouse; //注释20

  $contents._parent[newname]._y = _root._ymouse;   

  $contents._alpha = 100;

  $contents._parent[newname]._alpha = 100;   

  } else {

  return; //注释21

  }

  }   

  public function isEmpty():Boolean { //注释22

  if ($contents != undefined) { //注释23

  return false;

  } else {

  return true;

  }

  }  

  public function handleMenuCommand(obj, item):Void { //注释24

  switch (item.caption) { //注释25

  case "Cut object": //注释26

  cut(obj);

  break;   

  case "Copy object": //注释27

  copy(obj);

  break;   

  case "Paste object": //注释28

  paste();

  break;

  }

  }

  }

 本实例有比较多的编程知识,刚接触会有无从下手的感觉,下面来详细讲解一下涉及的东西。

  注释1:class的意思是定义一个类,extends是表示所定义的类的基类是Object。这个涉及到编程的面向对象,可能比较难懂,可以把Object看成是所定义的类的父类,父类具有的方法和属性,在子类中都是有的。

  注释2:定义一个变量contents,类型为Object。Flash MX 2004中都是这样定义变量的。在此处定义的变量,在整个类中都是可以用的。

  注释3:定义一个变量operation,类型为String。

  注释4:这是类的构造函数,所谓的构造函数就是当实例化这个类的时候所调用的函数。比如本类的实例化可以是这样的:ClipBoard cb = new ClipBoard();

  注释5:定义一个cut函数,传入的参数是obj,它的调用范围是public,也即是任何类都可以调用。

  注释6:设置传入的obj的alpha属性为50。

  注释7:设置注释2中所定义的变量的值为obj。

  注释8:设置注释3所定义的变量的值为“cut”。

  注释9:定义一个copy函数,传入的参数是obj,调用范围是public。

  注释10:定义一个paste函数,没有传入的参数,调用范围是public。

  注释11:判断所定义的operation的值是否为“cut”。

  注释12:设置contents的xy坐标为鼠标的xy坐标。    

    注释13:设置contents的alpha为100。

  注释14:利用完contents的值后,将contents的值重新设置为undefined。

  注释15:将operation的值清空。

  注释16:判断所定义的operation的值是否为“copy”。

  注释17:定义一个变量newdepth,设置它的值为类中所定义的contents的深度。

  注释18:定义一个变量newname,设置它的值为contents的实例名加上所在的深度。

  注释19:复制一个Movie Clip,参数是newdepth和newname。这就实现了复制的功能。

  注释20:设置所复制的Movie Clip的位置跟aplha。

  注释21:如果operation不是“cut”也不是“copy”的话,直接返回。

  注释22:定义一个函数isEmpty(),返回的类型为Boolean,调用的范围为public。

  注释23:根据contents的值做相应的操作。

  注释24:定义一个函数handleMenuCommand,返回为空,调用范围是public。

  注释25:根据参数item的caption来做相应的操作,switch的功能跟多个if判断差不多,但switch适用在判断的条件可能很多的情况下。

  注释26:如果caption的值是“Cut object”,调用cut (obj)函数。

  注释27:如果caption的值是“Copy object”,调用copy (obj)函数。

  注释28:如果caption的值是“Paste object”,调用paste(obj)函数。

 2、新建一个fla文件,保存在跟第一步所创建的ClipBoard.as在同一个目录下面。

  3、按“Ctrl + F8”创建一个新的Movie Clip,命名为“square”,在此Movie Clip中用矩形工具绘制一个矩形。

  4、将第三步中创建的Movie Clip“square”拖到场景中,在它的Action面板上添加如下的Action Script:   

  on (release) { //注释1

  stopDrag();

  }

  on (press) { //注释2

  startDrag(this);

  mx.behaviors.DepthControl.bringToFront(this);

  }

  注释1:当松开鼠标的时候,停止拖动对象。

  注释2:当按下鼠标的时候,开始拖动对象,并将对象设置在最前面一层。

  5、在主场景的Time Line中增加一个Layer,命名为“Action”,在此层的Action面板上添加如下的Action Scipt:   

  /* Copyright 2003 Macromedia, Inc. All rights reserved.

  The following is Sample Code and is subject to all restrictions

  on such code as contained in the End User License Agreement

  accompanying this product.

  */   

  _global.$clipboard = new ClipBoard(); //注释1   

  function menuCallback (obj, menuObj) { //注释2

  var empty:Boolean = _global.$clipboard.isEmpty(); //注释3

  menuObj.customItems = []; //注释4

  if ((obj instanceof MovieClip) && (obj != _level0)) { //注释5

  menuObj.customItems.push(cutItem); //注释6

  menuObj.customItems.push(copyItem);

    if (!empty) { //注释7

  menuObj.customItems.push(pasteItem);

  }   

  } else if (obj == _level0 && !empty) { //注释8

  menuObj.customItems.push(pasteItem);

  }

  }   

  var myMenu = new ContextMenu(menuCallback); //注释9

  //注释10

  var cutItem = new ContextMenuItem("Cut object", _global.$clipboard.handleMenuCommand);

  //注释11

  var copyItem = new ContextMenuItem("Copy object", _global.$clipboard.handleMenuCommand);

  //注释12

  var pasteItem = new ContextMenuItem("Paste object", _global.$clipboard.handleMenuCommand);

  //注释13

  MovieClip.prototype.menu = myMenu;

  注释1:这里就是刚刚所定义的ClipBoard ()的实例化,不过_global.$clipboard是系统已经有的了,所以可以直接用。

  注释2:定义一个函数menuCallback,在创建菜单的时候用。

  注释3:定义一个Boolean 类型的变量empty,它的值是调用函数_global.$clipboard.isEmpty()后所返回的值。

  注释4:将menuObj的customItems设置为空数组。

  注释5:判断obj所具有的属性。

  注释6:将“cut”和“copy”添加到菜单中。

  注释7:如果empty为假的话(也就是已经有cut或copy操作),将paste添加到菜单中。

  注释8:如果鼠标没有选定对象的话,只将paste添加到菜单中。

  注释9:实例化一个对象myMenu,其中构造函数调用了menuCallback函数。

  注释10:实例化一个对象cutItem,这是一个子菜单,显示的内容为“Cut object”。

  注释11:实例化一个对象copyItem,这是一个子菜单,显示的内容为“Copy object”。

  注释12:实例化一个对象pasteItem,这是一个子菜单,显示的内容为“Paste object”。

    注释13:将所定义的myMenu赋给系统。

  三、实际用途

  这个实例不单单为操作Flash Player的菜单提供了一种方法,也展示了怎么利用as文件来编程。了解清楚细节,对掌握Flash MX 2004的编程很有用。

时间: 2024-11-05 06:20:41

Flash MX 2004新特性实例学习二的相关文章

Flash MX 2004新特性实例学习一

    Flash MX 2004的试用版终于可以下载了,它帮助文件中自带的例子很好地反映了2004中新增加的功能.下面我们通过学习这些例子的制作,来熟悉在2004中新增加的功能.这些例子都是从Flash MX 2004的帮助文档中来的.在我的windows2000中的保存路径是C:Documents and SettingsAdministratorLocal SettingsApplication DataMacromediaFlash MX 2004enConfigurationSampl

Flash MX 2004新特性实例学习五

   实例六.Text Enhancements 一.涉及特性 在实例中,主要涉及在Flash MX 2004中引用和显示外部的css文件和html文件.这些都是在Flash MX 2004中才有的新特性,应用也非常方便.本实例在Flash MX 2004中的操作非常简单,不过这正从侧面反映了它的功能强大. 二.制作过程 1.建立一个文件,命名为sample.css.其内容如下: headline { font-family: Arial,Helvetica,sans-serif; font-s

Flash MX 2004新特性实例学习四

    实例五.News Reader 一.涉及特性 本实例主要涉及数据绑定和组件的编程.数据绑定是在Flash MX 2004中才有的新功能,据称不用编程,只需设置几个组件的属性,就可以实现与服务器端的数据交互功能,也算是一大突破了.另外,由于在实例中没有提供相应的xml文件,所有字段都要手工输入,所以本实例的制作过程显得有些繁琐,请在制作过程中仔细检查每一个字段. 二.制作过程 1.从组件面板中拖一个List组件到场景中,命名为"articles",设置"multiple

Flash MX 2004新特性实例学习三

    实例四.Device Font Masking 一.涉及特性 本实例主要涉及遮照效果的制作和Scroll Pane组件的利用,都是一些有趣的特性,跟之前在Flash MX中的制作思路有比较大的不同.初初一看,文本内容都在图库当中,但让人迷惑的是在场景中会显示文本的内容.这就涉及到Scroll Pane组件的属性了. 二.制作过程 1.按"Ctrl + F8"新建一个Clip,命名为"textClip",类型为Movie Clip,选取"Export

Flash MX 2004新特性

Flash MX的最新版本名命名为Flash MX 2004,分为专门面向设计者的Flash MX 2004和专门面向开发者的Flash MX 2004 Professional. 下面我们分别介绍Flash MX 2004和Flash MX 2004 Professional两个版本的共有特性以及Flash MX 2004 Professional的特性. 具体请访问 Macromedia官方网站介绍http://www.macromedia.com/software/flash/produc

Flash MX 2004新功能:行为

Behavior(行为)和行为面板在Dreamweaver中早已有了,但在Flash中则是首次引入.在Flash MX Professional 2004中,行为就是预先写好的动作脚本. 使用行为,你无需自己动手编写,就可以给你的Flash文档添加功能强大的动作脚本代码,给Flash内容(如文本.电影剪辑.图像.声音等)添加交互性,实施对文档中的电影剪辑和图像实例的控制. 你也可以使用行为来排列帧中电影剪辑和图像实例的堆叠顺序,装载和卸载实例,播放.停播.复制或拖曳实例,或创建链接.此外,你还可

Flash MX 2004 ActionScript图文教程(二)

教程 1.3ActionScript编辑器 Flash MX 2004中提供了一个非常易用的ActionScript编辑器,这一小节我们就来熟悉这个编辑器的使用方法. 1.3.1启动ActionScript编辑器 在Flash MX 2004中打开菜单"窗口-〉开发面板-〉动作"(快捷键F9)即可打开ActionScript编辑器. 1.3.2ActionSctipt编辑器的结构 从图中可以看出,ActionScript编辑器由四个部分组成 脚本面板 这个区域相当于一个文本编辑器,在这

FLASH MX 2004视频教程: 太空站记二

教程|视频教程  

Flash MX 2004 ActionScript图文教程

教程 1.Flash MX 2004 ActionScript图文教程(十四) [2005-03-02]     2.Flash MX 2004 ActionScript图文教程(十三) [2005-03-02]     3.Flash MX 2004 ActionScript图文教程(十二) [2005-03-02]     4.Flash MX 2004 ActionScript图文教程(十一) [2005-03-02]     5.Flash MX 2004 ActionScript图文教