快速业务通道

给你的Flash课件加上一支注释笔

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-10

  前不久用Flash MX帮同事制作了一个课件,在制作过程中,同事问我能否给课件加上一支注释笔,类似于PowerPoint演示文稿中的那种“笔”。这样在使用过程中,就可以根据实际教学情况进行标注,也充分体现了课件的交互性。经过一番研究,终于满足了同事的要求,现将制作方法介绍给各位同仁。


  需解决的问题

  1.当课件运行后,光标的外形应该根据实际进行变换。当光标移动到书写区域时,光标的外形应该发生变化(如:笔形);当光标移到按钮或其他交互区域时,外形再次变化(如:手形);移动到其他区域时,光标外形还会变化(如:箭头)。

  2.当按下鼠标左键后,可以进行书写,松开后,可以再次进行书写,不会影响上次书写注释的内容。注释的内容不能被课件中的内容覆盖。

  3.提供清除功能,可以随时清除注释的内容;加入“注释笔”功能后,不能影响课件的运行及交互;注释功能可任意移植到其他Flash课件中使用。

  具体制作步骤

  1.打开Flash课件,按“Ctrl+F8”创建一个名为“光标外形”的影片对象,连续按F6键插入三个关键帧,然后在各帧中分别绘制光标不同状态时的形状(如图1),这些外形的大小基本相同,在舞台中的位置也要基本相同。最后为第1帧加上“Stop()”语句。创建名为“清除”的按钮对象,然后制作按钮。创建名为“响应区”的影片对象,在里面绘制一个矩形,大小随意。创建名为“注释内容”的影片,不要加入任何内容。

请添加描述


  2.选择菜单“插入→图层”命令,在课件的所有层上方插入六个新层,从上至下分别取名为:Actions语句、光标外形、清除按钮、显示区域、注释内容、响应区。按“Ctrl+L”打开“库”,将影片“光标外形”拖放到“光标外形”层第1帧的舞台中,单击舞台下方的[属性]按钮,设置“实例名”为“waixing”。将“清除按钮”拖放到“清除按钮”层第1帧舞台的合适位置。将“注释内容”影片拖放到“注释内容”层的第1帧,设置其“实例名”为“zhushineirong”。

请添加描述

  3.将“响应区”影片分别拖放到层“显示区域”和“响应区”的第1帧的舞台中,并且调节大小使其覆盖用来注释的区域(如图2)。选中层“响应区”中“响应区”影片,将其实例名设置为“xiangyingqu”,并且调节其“透明度(Alpha)”为“0”,让其不挡住课件中的内容。选中“显示区域”层,右击弹出菜单选择“遮罩层”(如图3)。

请添加描述


  4.选中“Actions”层的第1帧,加入如下Actions语句:

  stop();

  var songkai = true;

  var anxia = false;

  var x, y;

  Mouse.hide();

  _root.onMouseDown = function() {

  anxia= true;

  };

  _root.onMouseUp = function() {

  anxia = false;

  songkai= true;

  };//定义鼠标左键的按下和松开。

  zhushineirong.lineStyle(3, 0x3711EE, 100);

  //设置笔画的粗细、颜色和透明度。

  xiangyingqu.onRollOver = function() {

  waixing.gotoAndStop(2);

  };//当鼠标移到响应区域时,光标外形变化为铅笔。

  xiangyingqu.onRollOut = function() {

  waixing.gotoAndStop(1);

  };//当鼠标移出响应区域时,光标外形变化为箭头。

  zhushineirong.onMouseMove = function() {

  x = this._xmouse;

  y = this._ymouse;

  if (anxia) {

  if (songkai) {

  this.moveTo(x, y);//设置鼠标按下的位置为坐标原点。

  songkai = false;

  }

  this.lineTo(x, y);

  }

  updateAfterEvent();//更新画面

  };

  waixing.onMouseMove = function() {

  this._x = _root._xmouse;

  this._y = _root._ymouse;

  updateAfterEvent();

  };//自定义光标与鼠标同步移

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号