Flash 开发环境搭建和文字滚动效果实例

Posted zqifa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flash 开发环境搭建和文字滚动效果实例相关的知识,希望对你有一定的参考价值。

Flash 开发环境搭建和文字滚动效果实例

 

一、Flash 开发环境搭建


Flash发布的时候可以将资源(即将库中的元件)集成到swf运行文件中。
Flash没有代码自动输入补全功能,因此需要一个英文一个英文手工输入,这样要记住很多系统类和方法。而FlashDevelop由代码自动输入补全功能,防止输入过程中出现错误,并提高代码编写效率,使我们将注意力集中到逻辑代码编写中。


1、安装Flash CS3或CS4、CS5。

我安装的是Flash CS4

下载Flash CS4。点击下一步、下一步就可以。


2、安装FlashDevelop,

安装FlashDevelop
下载FlashDevelop 5.2.0
官网:http://www.flashdevelop.org/community/viewforum.php?f=11
(注意:FlashDevelop安装需要Java Runtime Environment 1.6(jre1.6)以及.NetFrameWork3.5)

安装java
下载jre1.8
java官网:http://www.java.com/zh_CN/
(官网的有的时候会很慢,也可以从百度软件中心下载)

安装.NetFrameWork3.5
官网:http://www.microsoft.com/zh-CN/download/details.aspx?id=21
(官网的有的时候会很慢,也可以从百度软件中心下载)

先安装jre1.8和.NetFrameWork3.5,再安装FlashDevelop 5.2.0,点击下一步、下一步就可以。

到此,flash开发环境配置完成,下面开始运行第一个项目。

 

二、使用flash实现文字滚动效果

 

1、打开Flash,新建一个【Flash文件(ActionScript 3.0)】,以Demo为名保存在Demo目录下。这是将会在Demo目录下看到Demo.fla文件。

2、设置文档类。在场景属性中填写文档类名为:Main。

当我们测试运行的时候,这个文档类Main将会被自动运行,可以理解为Main即为场景的代码体现。


3、编写文档类。打开FlashDevelop,新建一个AS3文档,以Main名保存在Demo目录下(和Demo.fla同目录)。

代码如下:

 1 package
 2 {  
 3     import flash.display.MovieClip;  
 4     import flash.events.Event;  
 5     import flash.events.MouseEvent;  
 6     import flash.filters.GlowFilter;  
 7     import flash.text.TextField;  
 8     import flash.text.TextFormat;  
 9       
10     public class Main extends MovieClip  
11     {  
12         var contents:String;  
13         var whiteSpace:String;  
14         var tftxt:String;  
15         var isPause:Boolean =false;  
16           
17           
18         var tf:TextField = new TextField();  
19         var f:TextFormat= new TextFormat();  
20         public function Main()  
21         {  
22             stage.frameRate =10;  
23               
24             tf.autoSize ="left";  
25           
26             f.size =40;  
27             f.color =0xFFFFFF;  
28             f.font="楷体";  
29             tf.defaultTextFormat =f;  
30             tf.width =stage.stageWidth;  
31             tf.y =180;  
32             addChild(tf);  
33               
34               
35               
36             initApp();  
37             stage.addEventListener(MouseEvent.CLICK,restart);  
38         }  
39         private  function initApp():void  
40         {  
41             tf.addEventListener(Event.ENTER_FRAME,scrollText);  
42             whiteSpace="";  
43             contents ="秦时明月汉时关,万里长征人未还。"+  
44 "但使龙城飞将在,不教胡马渡阴山。";  
45               
46             for(var i:uint =0;i<550/40+1;i++)  
47             {  
48                   
49           
50                 whiteSpace+="  ";  
51                   
52             }  
53             tftxt =whiteSpace+contents;  
54             tf.text=tftxt;  
55         }  
56         private  function restart(e:MouseEvent):void  
57         {  
58             if(e.target==e.currentTarget)  
59             {  
60                 if(tf.text=="")  
61                     initApp();  
62                 else     isPause = !isPause;  
63             }  
64         }  
65           
66         private function scrollText(e:Event):void  
67         {  
68             if(!isPause)  
69             {  
70                 tftxt=tftxt.substring(1);  
71                 tf.text =tftxt;  
72                 if(tf.text=="")  
73                 {  
74                     tf.removeEventListener(Event.ENTER_FRAME,scrollText);  
75                       
76                 }  
77                 tf.filters  = [new GlowFilter(0x0055FF,1,6,6,6)];  
78             }  
79         }  
80     }  
81 }  

 

 

4、回到Flash中的Demo,测试运行,将会看到一个滚动的文字效果。

5、导出影片。“文件”——“导出”——“导出影片”(“文件”下拉菜单中还有个“发布设置”,在那里你可以设置你想要发布的文件类型,选你想要的打上 √ 就行了

 

以上是关于Flash 开发环境搭建和文字滚动效果实例的主要内容,如果未能解决你的问题,请参考以下文章

iOS文字滚动效果 之横向滚动

iOS文字滚动效果 之纵向滚动

C# 实现richtextbox 文字自动滚动 首尾相接循环

Flash和margue字幕滚动效果

几条jQuery代码片段助力Web开发效率提升

网页文字滚动的实现