• Flash基本教程-----随意拖动外部加载的图像

    电脑杂谈  发布时间:2020-11-14 08:02:50  来源:网络整理

    flash 用鼠标拖动图片_flash 用鼠标拖动图片

    Flash基本教程-----随意拖动外部加载的图像。运行此示例时,将自动将5个外部动物图像加载到Flash影片中。它们被堆叠在一起,然后用鼠标单击。图像,此图像显示在前面,您可以用鼠标将其拖动到任何位置。制作步骤(1)创建界面步骤1创建文档在Flash MX 2004中创建一个新的电影文档,将其另存为“行为应用程序instance.fla”文件。保留该电影文档的默认属性设置。[属性]面板步骤2创建背景和标题创建一个新层,并将两层分别命名为“ Background”和“ title”,使用工具箱中的工具分别在这两层上创建的背景和标题。 (2)创建组件步骤1创建“图像显示区域” MC组件并创建一个新名称““图像显示区域”,在该元素的编辑场景中使用[矩形工具]绘制一个深灰色矩形。)注意:矩形的大小必须与您要加载的大小相同。外部图像的大小相同,以便可以完美显示加载的图像。 5张jpg格式的图片及其si ze已统一处理为:299208像素。步骤2制作“图像”为“显示框架”的MC组件创建一个名为“图像显示框架”的新MC组件。

    flash 用鼠标拖动图片_flash 用鼠标拖动图片

    在此组件的编辑场景中,创建一个新层并将这两个层重命名为“边框”和“显示区域”。在[边框]层上,使用[矩形工具]绘制一个具有黑色边缘和白色填充的矩形。在[显示区域]层上,将[库]面板中的“图像显示区域” MC元素拖放到白色矩形图像上,然后将图形调整到中心位置。 “图像显示框” MC元素位于[显示区域]层中。在“图像显示区域”中选择MC元素的实例,在[属性]面板中将其实例名称定义为“照片”,然后定义该实例名称(3)参考元素步骤1将布局元素返回到[标题]中的[场景1],在该层上插入一个新层并将其重命名为“ Image”。在该层上,拖放“ Image Display Box” MC从[Library]面板到舞台的组件,您将总共获得5个实例,将它们整齐地堆叠在一起步骤2定义实例名称在[Properties]面板中,定义舞台上5个MC组件实例的名称如:快照1、快照2、快照3、快照4、快照5。(4)设置行为步骤1设置[动作]层第一帧的行为在[图像]上创建一个新层]层,并将其重命名为“动作”。选择该层的第一帧,打开[行为]面板,选择[添加行为] | [电影剪辑] | [加载图像]行为。

    flash 用鼠标拖动图片_flash 用鼠标拖动图片

    选择“加载图像”行为注意:在关键帧上设置行为时,[电影剪辑]的行为类别中仅显示4个行为。单击[加载图像]行为后,将弹出[加载图像]行为设置对话框。在[输入要加载的.JPG文件的URL]的文本框中,输入图像1.jpg。在[选择要将图像加载到哪个影片剪辑]窗口中,选择[快照1] | [照片],设置图像加载行为,然后单击[确定]按钮以完成图像加载行为的定义。此行为的定义实现了将名为image 1.jpg的图像加载到快照1影片剪辑组件中的照片组件上。这时,按F9打开[Actions]面板,您会发现一些动作脚本代码自动出现在[Actions]面板中。这些是由先前定义的加载图像行为系统自动生成的脚本代码,如图所示。通过上述步骤,自动生成的脚本代码实现了将image 1.jpg图像加载到快照1影片剪辑组件中的照片组件上的目的。使用相同的方法定义另外四个图像加载行为,以实现另外四个图像加载外部图像到相应的影片剪辑组件的目的。完成后,将在[动作]面板中自动生成[动作]层第一帧的动作脚本代码,如下所示:// load图形行为this.snapshot5.photo.loadMovie(“ image5.jpg “); //结束行为//加载图形行为this.snapshot4.photo.loadMovie(“ image4.jpg”); //结束行为//加载图形行为this.snapshot3.photo.loadMovie(“ image3.jpg”); //结束行为//加载图形行为this.snapshot2.photo.loadMovie(“ image2.jpg”); //结束行为//加载图形行为this.snapshot 1.photo .loadMovie(“ image 1.jpg”); //结束行为步骤2设置“图像显示框架”的MC实例的行为首先定义应用于MC实例snapshot1的行为。

    选择名为snapshot1的MC实例,在[行为]面板中,选择[添加行为] | [影片剪辑] | [开始拖动影片剪辑]行为,如图所示。单击[开始拖动影片剪辑]的行为后,将弹出[开始拖动影片剪辑]对话框,并在窗口列表中选择[snapshot1]的实例名称,如图所示。 [开始拖动影片剪辑]的行为单击[确定]按钮以完成[开始拖动影片剪辑]对话框中的设置。返回“行为”面板,单击“事件”右侧的小三角按钮,将弹出一个下拉列表菜单,并选择事件[按下时],如图9-2-16所示。更改事件类型说明:当我们定义按钮和影片剪辑的行为时,系统的默认事件类型为“发布时”。如果要更改事件类型,可以按照上述步骤操作。以下内容继续定义应用于MC实例快照1的行为。保持MC实例快照1处于选定状态,在[行为]面板中,选择[添加行为] | [影片剪辑] | [移到最前]行为,将弹出[移到最前]对话框,如图所示如图9-2-17所示。只需单击[确定]按钮。 [移到最前面]对话框,然后按照相同的方法将[释放时]事件更改为[按下时]事件。最后,定义应用于MC实例的snapshot1行为。保持MC实例快照1处于选定状态,在[行为]面板中,选择[添加行为] | [电影剪辑] | [停止拖动影片剪辑]行为,然后会弹出[停止拖动影片剪辑]对话框,如图9所示。-2-18。

    只需直接单击[确定]按钮。 [停止拖动影片剪辑]对话框适用于MC实例snapshot1的行为。按键盘上的F9键打开[Action]面板,您可以看到自动生成的脚本代码,如下所示:// StartDragging Movieclip Behavior startDrag(this); //结束行为//携带FrontBehavior mx.behaviors.DepthControl.bringToFront(this); //结束行为// StopDragging Movieclip行为stopDrag(); //结束行为上述动作脚本的功能是,当鼠标单击名称时,将快照1的影片剪辑实例移到最前面,可以通过拖动鼠标将其放置在任何位置。将鼠标释放到合适的位置以停止拖动。请按照上述步骤定义其他MC实例的行为。应用于每个MC实例的行为与应用于快照1的行为相同。至此,实例的创建完成。最后,应注意,必须将需要加载的图像文件与示例Flash文件放置在同一文件夹中,以确保该示例成功加载图像。

    使用按钮刺激(动作)创建一个新按钮,“插入”-“新组件”,命名为“播放”,键入“按钮”,在“弹跳,指针传递,按下”帧上插入三个相同大小和不同颜色的小球。返回场景并产生文字效果:插入文字“ FLASH”,将第15帧设置为关键帧,调整大小,设置“插入”-“图层”按钮以增加图层“窗口”-“库” -“播放”将按钮组件拖到编辑区域。如果您认为按钮太大,则可以适当缩小按钮,单击按钮组件,选择“动作”,然后在“动作”面板的编辑框中选择功能-影片剪辑控制----- on -----释放-------全局功能-----时间轴控制----- {go play(1)}“语句。单击第一层的第一帧,然后选择“动作”-在“动作”面板的编辑框中,选择“全局功能-时间轴控制-选择停止”。


    本文来自电脑杂谈,转载请注明本文网址:
    http://www.yebodg.com/a/bofangqi/article-333180-1.html

      相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      • 杨端臣
        杨端臣

        专家提前就给国人打了预防针

      热点图片
      拼命载入中...
      时时彩网站