Flash MX 2004新特性实例学习一
时间:2009-6-2 11:44:35 作者: 来源:
 

    flash mx 2004的试用版终于可以下载了,它帮助文件中自带的例子很好地反映了2004中新增加的功能。下面我们通过学习这些例子的制作,来熟悉在2004中新增加的功能。这些例子都是从flash mx 2004的帮助文档中来的。在我的windows2000中的保存路径是c:documents and settingsadministratorlocal settingsapplication datamacromediaflash mx 2004enconfigurationsamples。如果找不到的话,在查找文件中搜索“samples”就可以找到。

  下面我们就来学习flash mx 2004中激动人心的新特性吧。在每个实例的讲解都分为涉及特性、制作过程、实际用途三个部分。

  实例一、accessible applications

  一、涉及特性

  这个实例主要涉及新增组件的应用,以及对组件的编程。在2004中,组件分为data、media、ui三大类别。让人惊喜的是在ui类别中差不多已经包括了制作web应用所需要的所有组件,以后用flash制作网页再也不麻烦了。而且通过编程可以对组件进行灵活、全面的控制。

  二、制作过程

  1. 按“ctrl + f8”新建一个symbol,类型为“movie clip”,命名为“display”。将一个“label”组件拖到此symbol的场景中,命名为“label”。将此symbol拖到场景中,命名为“display”。

  2. 将一个“list”组件拖到场景中,命名为“colorlist”,在“label”属性中增加内容“green”、“blue”、“brown”、“red”、“orange”、“purple”。

  3. 将两个“text input”组件拖到场景中,分别命名为“usernameinput” 和“passwordinput”,并设置第二个的属性中的“password”为true。

  4. 将一个“button”组件拖到场景中,命名为“submitbutton”,设置“label”属性为“submit”。

  5. 将两个“radio button”组件拖到场景中,分别命名为“radio_single”和“radio_multiple”,设置“label”属性为“single selection”和“multiple selection”。

  6. 将四个“label”组件拖到场景中,分别命名为“caption”、“username_label”、“password_label”、“select_label”。分别设置“text”属性为“please enter your name”、“first name:”、“last name:”、“please choose an item:”。

  7. 按“ctrl + f8”新建一个symbol,类型为“movie clip”,命名为“arrow_mc”。在此symbol的场景中绘制一个箭头。将此symbol拖到场景中,命名为“arrow_mc”。调整场景中的symbol的布局如图所示。

    8. 在主场景的时间轴上增加一个层,命名为“action”,在此层的action面板上增加代码如下:   

  //注释1

  /* 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.

  */

  //注释2

  display.onenterframe = function () {

  if (selection.getfocus() != null) {

  var mcfocus:movieclip;

  var mcloc:object = {x:0, y:0};

  // get the object that's in focus

  mcfocus = eval(selection.getfocus());

  // set the label

  this.label.text = mcfocus;

  // get the location of the object in global coordinates

  mcloc = {x:mcfocus._x, y:mcfocus._y};

  mcfocus._parent.localtoglobal(mcloc);

  //注释3

  // move the arrow to point to it

  this._parent.arrow_mc._x = mcloc.x;

  this._parent.arrow_mc._y = mcloc.y;

  } else {

  //注释4

  label.text = "there is no object in focus.";

  this._parent.arrow_mc._x = 0;

  this._parent.arrow_mc._y = 0;

  }

  }

  //注释5

  function onclick (evt) {

  if (evt.target.selectedradio == radio_single) {

  colorlist.multipleselection = false;

  } else {

  colorlist.multipleselection = true;

  }

  }

  //注释6

  radiogroup.addeventlistener("click", onclick);

  radio_single.selected = true;

  2004中的action跟mx的action有很大的区别,所以尽量详细的解释。  

   注释1:是版权信息,实例的来源是在flash mx 2004的帮助文件中,所以保留这样的版权信息。

    注释2:这个函数是根据鼠标选定的组件来更改在display中显示的内容。

    注释3:将箭头移动到鼠标选定的组件附近。

    注释4:鼠标没有选定如何组件,将箭头放在左上角。

    注释5:是radio button的侦听函数,根据选定的radio button设置list组件中的属性。

    注释6:为两个radio button组件增加“click”的事件侦听,侦听函数为“onclick”,并设置默认选择的radio button为单选。

  三、实际用途

  这个实例主要涉及的是ui组件和对组件的编程。ui组件的用途主要是在web方面,比如在用flash制作网页中的表单时,丰富的组件和灵活的控制会让工作变得非常轻松。而且也提供了一个组件应用的思路:不单单可以将常用的东西封装成组件,也可以通过编程更灵活地控制组件。

    实例二、behaviors scrapbook

  一、涉及特性

  此实例涉及的特性主要有两个:读取图片和设置symbol的层次。不算是新增加的特性,但在性能方面的改进还是比较大的。

  二、制作过程

  1. 按“ctrl + f8”新建一个symbol,类型为“movie clip”,命名为“photo”,在此symbol中绘制一个黑色的长方形。

  2. 按“ctrl + f8”新建一个symbol,类型为“movie clip”,命名为“snapshot”,在此symbol中绘制一个灰色的长方形。将symbol “photo”拖到此symbol中,调整其位置,并命名为“photo”。

  3. 将symbol “snapshot”拖五次到场景中,命名为“snapshot1”、“snapshot2”、“snapshot3”、“snapshot4”、“snapshot5”。分别在每一个“snapshot”的action面板上增加语句如下:   

  on (press) {

  //注释1

  startdrag(this);

  //注释2

  mx.behaviors.depthcontrol.bringtofront(this);

  }

  on (release) {

  //注释3

  stopdrag();

  }

  注释1:当鼠标按下的时候,拖动图片。

    注释2:设置鼠标所在的图片为最前端。

    注释3:当鼠标松开的时候,停止拖动图片。

  4. 在主场景的时间轴上增加一个层,命名为“action”,在此层的action面板上增加代码如下:   

  /* copyright 2003 macromedia, inc. all rights reserved.

  the following is sample coe and is subject to all restrictions

  on such code as contained in the end user license agreement

  accompanying this product.

  */

  //注释1

  this.snapshot1.photo.loadmovie("image1.jpg");

  this.snapshot2.photo.loadmovie("image2.jpg");

 

  this.snapshot3.photo.loadmovie("image3.jpg");

  this.snapshot4.photo.loadmovie("image4.jpg");

  this.snapshot5.photo.loadmovie("image5.jpg");

  注释1:分别从flash所在的文件夹中读取相应的图片出来。

  5. 保存此flash文档,将5张图片放在此flash所在的文件夹中。注意图片的命名要跟第4步中的图片名一样。

  三、实际用途

  读取图片的功能其实在flash mx中已经有了。不过从图片的读取速度跟显示效果来看,改进还是不小的。以后在用flash制作图片浏览器时,可以先读取图片的文件名,再动态读取所在文件夹中的图片。

 


 

上一篇:
下一篇:
 
网页模板 网站模板 网站建设 网页设计 网页设计师兼职 自助建站 ...
网站魔坊,网页模板,网站模板,免费网页模板,在线模板设计,免费建站,门户网站搭建,建站,企业网站,奇思网络,奇思,智能建站,自助建站,拖动建站,网站建设,网页设计,在线设计模板
www.wzmof.com/ 47K 2009-5-21
 
商巢...
商巢是一个真实的商业交友社区、为用户提供交友、贸易、社区、建站等服务;临渊慕鱼,不如退而结网!商巢结网行动
www.ncooo.com/ 47K 2009-5-21
 
商巢创业 门户创业 商人网络家园 魔坊建站 商业交友
商巢下的门户,门户又一独立实体与商巢合作,由商巢负责技术的更新以及硬件的支持,门户负责自己领域的市场推广以及相应的售后服务即可。 打破以往门户需要源源不断的技术、硬件投入模式,盈利模式清晰 行业门户以及门户下企业网站由网站魔坊...
mhcy.ncooo.com/ 36K 2009-5-14
 
奇思网络技术 网站建设 深圳网站建设
中小外贸企业做电子商务,需要从两点技术突围 08-01 企业网站建设 提供网站策划、网站建设、数据库开发至网络营销全套解决方案。能针对客户所处行业,结合营销特征量身订做高质量网站建设方案。 网站推广 怎样使网站的投资得到回报?这需要经验...
www.qsnet.com.cn/ 48K 2009-4-2
 
深圳艺术网
深圳艺术网,中国艺术网,中国当代艺术网,广东当代艺术网,广东艺术网,南方当代艺术网,深圳美术网,深港美术网,深港艺术网,深港当代艺术网,杜应红,深圳当代艺术创作库,深圳创库,深圳美术,深圳艺术,深圳收藏,深圳艺术收藏,深圳音乐网,深圳舞蹈...
www.szarts.cn/ 119K 2009-6-9
 
网页设计也通过人脉赚钱-技术传播
 
网页设计114 -打造中国网页设计、网站建设技术信息学习、交流、互动平台
                         打造网页设计师兼职创业平台中心