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同目錄）。

代碼如下：

package
{  
    import flash.display.MovieClip;  
    import flash.events.Event;  
    import flash.events.MouseEvent;  
    import flash.filters.GlowFilter;  
    import flash.text.TextField;  
    import flash.text.TextFormat;  
      
    public class Main extends MovieClip  
    {  
        var contents:String;  
        var whiteSpace:String;  
        var tftxt:String;  
        var isPause:Boolean =false;  
          
          
        var tf:TextField = new TextField();  
        var f:TextFormat= new TextFormat();  
        public function Main()  
        {  
            stage.frameRate =10;  
              
            tf.autoSize ="left";  
          
            f.size =40;  
            f.color =0xFFFFFF;  
            f.font="楷體";  
            tf.defaultTextFormat =f;  
            tf.width =stage.stageWidth;  
            tf.y =180;  
            addChild(tf);  
              
              
              
            initApp();  
            stage.addEventListener(MouseEvent.CLICK,restart);  
        }  
        private  function initApp():void  
        {  
            tf.addEventListener(Event.ENTER_FRAME,scrollText);  
            whiteSpace="";  
            contents ="秦時明月漢時關，萬里長征人未還。"+  
"但使龍城飛將在，不教胡馬渡陰山。";  
              
            for(var i:uint =0;i<550/40+1;i++)  
            {  
                  
          
                whiteSpace+="  ";  
                  
            }  
            tftxt =whiteSpace+contents;  
            tf.text=tftxt;  
        }  
        private  function restart(e:MouseEvent):void  
        {  
            if(e.target==e.currentTarget)  
            {  
                if(tf.text=="")  
                    initApp();  
                else     isPause = !isPause;  
            }  
        }  
          
        private function scrollText(e:Event):void  
        {  
            if(!isPause)  
            {  
                tftxt=tftxt.substring(1);  
                tf.text =tftxt;  
                if(tf.text=="")  
                {  
                    tf.removeEventListener(Event.ENTER_FRAME,scrollText);  
                      
                }  
                tf.filters  = [new GlowFilter(0x0055FF,1,6,6,6)];  
            }  
        }  
    }  
}  

 

 

4、回到Flash中的Demo，測試運行，將會看到一個滾動的文字效果。

5、導出影片。“文件”——“導出”——“導出影片”（“文件”下拉菜單中還有個“發布設置”，在那里你可以設置你想要發布的文件類型，選你想要的打上 √ 就行了