在线建站培训
您的位置: 魔客吧 网页制作 Flash教程 查看内容

教大家如何利用Flash快速制作一个复制功能键

2018-4-26 09:59 | 发布者: moke | 栏目:Flash教程

这篇教程比较基础,是教大家如何利用Flash快速制作一个复制功能键,剪贴板是一个软件设备,它用来暂时存贮数据,以及通过复制粘贴实现数据在文档之间的移动。制作效果非常不错,很适合新手学习,转发过来,希望对大家有所帮助。

最终的动画

下面的例子将是我们在这个教程中将要制作的。 按ctrl+v可将文档内容复制到任何地方。

第一步:简单概述

我们将在舞台上放置两个文本区域,一个输入区和一个动态显示区。按钮将获取输入区的文字并将其复制到剪贴板上,此时动态显示区将会显示相应的信息。
现在,我们会处理在Flash播放器插件中的剪贴板,如此以来我们将无法使用AIR专用的flash.desktop.Clipboard 类 。

第二步:创建新文档

打开Flash并创建一个新的Flash文档(ActionScript 3.0)。

Flash教程:制作复制功能键,PS教程,思缘教程网将舞台大小设为 320 x 240px.

第三步:创建文本区域

每个具有交互性的对象(即用户可以作用的对象)可调度复制粘贴事件。如果对象当前是一个文本区域,那么此事件默认的操作是将当前文本区域选中的所有文本复制到剪贴板上。你可以监听这些事件的使用:

1. myObject.addEventListener(Event.COPY, onCopy);

2. myObject.addEventListener(Event.CUT, onCut);

3. myObject.addEventListener(Event.PASTE, onPaste);

这个教程我们将主要应用System.setClipboard()方法。

选择文本工具(T)并创建两个文本区域,一个动态显示区和一个输入区。 可以在输入区内键入些文字以供复制,像如邮箱地址。

Flash教程:制作复制功能键,PS教程,思缘教程网

第四步:设置实例名称

打开属性面板,按下面所示设置两个区域的实例名称。

Flash教程:制作复制功能键,PS教程,思缘教程网

第五步:创建一个按钮

这个按钮将执行将文本复制到剪贴板。 选择矩形工具(R)创建一个60×28 px 的矩形,并设其填充色为 #333333.。并在其上添加一个作为标签的静态文本。

Flash教程:制作复制功能键,PS教程,思缘教程网

将这个图形转化为影片剪辑(选中它们,点击修改>转化为元件),并将其命名为复制键。

第六步:打开动作面板

按F9或执行窗口>动作,打开动作面板。

Flash教程:制作复制功能键,PS教程,思缘教程网

第七步:复制函数

此函数可以将文本复制到剪贴板上。


复制代码
代码如下:
function copyText(e:MouseEvent):void
{
System.setClipboard(myField.text); //
messageField.text = "Copied!";//messageField区将会出现一条反馈信息。
}

第八步:添加一个鼠标监听器

复制函数将由这个鼠标事件执行。

我们将在按钮上添加一个事件监听器,这样当用户点击按钮的时候就会调用复制文本的函数。


复制代码
代码如下:
copyButton.addEventListener(MouseEvent.MOUSE_UP, copyText);

第九步:测试

保存并按Cmd+Return测试动画。 按ctrl+v可将文档内容复制到任何地方。

总结

教程结束,以上就是利用Flash快速制作一个复制功能键过程,感兴趣的朋友可以过来尝试制作一个吧 !

魔客吧温馨提示:如果你正在寻找织梦模板,那你可以到魔客吧的 织梦模板 频道看看,相信一定能找到你喜欢的!

最新分享资源