FlashDevelop 3.0.x 開發環境安裝及使用(一)

最近一直在找一個比較好用，而且免費的 flash 開發工具。最後，發現了 FlashDevelop。對我來講，比較可惜的是－它並不是 Eclipse 的 Plug-in，或者類似的開發環境，而必須另外再熟悉它。但是，它的確符合了免費好用的條件。以下就來介紹如何使用它。

一、下載
主網頁http://www.flashdevelop.org/wikidocs/index.php?title=Main_Page
下載網頁 http://www.flashdevelop.org/community/viewforum.php?f=11

二、安裝
安裝之前，先需要安裝 Flash Player 9 ActiveX runtime；另外，如果使用 Flex SDK 作編譯，也需要安裝 JRE 1.6 以上，和 Flex SDK。它們的下載網頁分別在
JRE http://java.sun.com/javase/downloads/index.jspownloads/index.jsp
Flex SDK http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3 (它只需要解壓即可)

FlashDevelop 它的安裝相當簡單，基本上只需要執行下載後的執行檔，選取安裝路徑，其他幾乎都是下一步(next)接下一步就完成了。

三、設定
安裝完成後，有一些基本的設定要設（假設已安裝好 JRE ，並已解壓 Flex SDK）:
a.先啟動 FlashDevelop
b.設定 flex SDK 路徑：在選單上選取 Tools->Program settings(或直接按 F10)在以下畫面設定。


c.選擇 FlashViewer Plug in 同以上畫面選取 FlashViewer ->External player path。選取的路徑是你的 Flex SDK 安裝目錄之下的 [Flex_SDK_Install_Path]\runtimes\player\10\win\FlashPlayer.exe

d.在選單上選取Tools->Flash Tools -> Documentation Generator ->Settings 如圖3 設定的路徑為 [Flex_SDK_Install_Path]\bin


四、開始使用
a. 建立新專案 project -> new project -> Flash IDE project。

b. 輸入專名稱及位置。按下 OK 即建立一個空的專案。

c. 在新專案位置按右鍵 ->Add->new folder。一一建起所需的相關目錄。

我自己習慣建構目錄如下 ：

d. 在專案的package 目錄下，按右鍵-> add-> new class，輸入新的 Class 名稱，建立一個新的類別。

加上一小段程式碼(注意你的 package名稱必須和自己的環境一致)

package cyberstar.actionscript.sample
{
import flash.display.MovieClip;
import flash.display.Shape;
/**
* 主影片的控制 Class
* @author Jason Chen
*/
public class MainMovieClip extends MovieClip
{
public function MainMovieClip()
{
var rect:Shape=new Shape;
addChild(rect);
rect.graphics.clear();
rect.graphics.beginFill(0x551188);
rect.graphics.drawRect(0, 0, rect.stage.stageWidth, rect.stage.stageHeight);
rect.graphics.endFill();
}
}
}

e. 以 Flash IDE 環境中建立一個 fla 檔。記得在文件類別的位置加入剛才所建的Class 名稱。

f. 在 FlashDevelop 中選取 Project-> Test movie 或者直接按 F5 就可以直接啟動 Flash IDE顯示結果(當然你也可以切換到 Flash IDE 環境去按控制->測試影片)。

根據列的程式碼，影片測試的結果如上圖所示，呈現出紫色的舞台。這是第一種方法，使用 Flash CS3 Professional（或CS4）進行程式編譯。也就是說你的程式開發環境除了 FlashDevelop 之外，還一定要有 Flash IDE 環境的存在。下一個方法，將介紹藉由使用產生 SWC 讓視覺設計師在 Flash IDE 設計元件，而程式設計師在 FlashDevelop 中寫程式。（待續）

參考資料:http://www.flashdevelop.org/wikidocs/index.php?title=Main_Page

留言

張貼留言

這個網誌中的熱門文章

GSM Modem 傳送簡訊的幾個 AT 指令

圖片
以下是使用 GSM MODEM 傳送簡訊時的基本指令。你可以用 GSM Modem 連接到你的電腦 COM port，再利用 Windows  的超級終端機，就可以利用電腦傳送簡訊。 1. AT 回傳 OK 則表示 GSM Modem 正常運作。 2. AT+CPIN="xxxx" 用以輸入 SIM 卡的 PIN CODE，xxxx 就是 SIM 卡的 PIN CODE 3. AT+CMGF=1 用以設定簡訊傳送的格式為 TEXT 模式。它只能傳送英文和數字。 　如果要中文或 Unicode 文字（或中英混合模式）要使用 AT+CMGF=0 這是 PDU 模式。 4.AT+CMGS="+886933xxxxxx" 出現以下的 ”>” 提示符號，就可以鍵入你要傳送的（英文）簡訊內容 。   > Hello! GSM Modem SMS Message! 最後按下 Control-Z (鍵盤的 Control + Z)簡訊就會傳到指定號碼的手機。（以上886 是台灣的國碼，933xxxxxx 是收訊者的手機號碼去掉第一個 0;你也可以直接打”0933XXXXXX"） 以上是 TEXT  模式。 若是使用 PDU 模式，除了將第３步驟改為 AT+CMGF=0之外， 在第4 個步驟按下 後出現"＞"的提示符號之後，你要輸入的可就 不是給人看的東西 了！例如：要傳送給 0932123456（可別真的傳，這支電話我可不知道是誰家的） 一個訊息： "恭喜你,試成功了!" 那麼在＞之後你可能必須輸入 0011000a91 9023214365 0008a712606d559c4f60002c8a666210529f4e860021 如果真的想試看看，可以將紅字部份改成你的手機號碼，再傳送即可。（注意兩碼兩碼對調 09 -> 90 32 -> 23 12 -> 21 34 -> 43 56 -> 65 ） 如果，你打算繼續找到那一串 16 進位數字代表什麼意思。那麼，請你參考　 http://www.dreamfabric.com/sms/ 。這裏有詳細的說明。
閱讀完整內容

FlashDevelop 3.0.x 開發環境安裝及使用(二)

圖片
另一個使用 FlashDevelop 的開發流程是利用Flash 來建立資源(圖形、影片片段等)而用 Flex SDK 來編譯程式： 　1.使用 Flash 建立圖形及內嵌的資源（如字型、聲音） 　2.使用 Flash 發佈 SWC library 檔。 　3.將 SWC 加入到 FlashDevelop 專案。 　4.使用 FlashDevelop 結合 Flex SDK 編譯你的專案。 元件設計 　 　首先，假設你是扮演視覺設計師的角色。你要做的就是將 Flash 影片中要使用的元件設計好。然後，必須在各個需要供程式操作的元件中加入與該元件與該元件結合的類別。如下圖（特別注恴：fla 文件類別設定要留白，不要與任一個 Class 結合） 　並且在發佈設定的 Flash 頁籤勾選要匯出 SWC。然後，按下發佈按鈕。Flash 會將SWC 發佈到與 .swf 檔案同一目錄。將此一SWC 交給程式設計人員。 程式設計 1.建立一個 AS3 專案。(記得讓它自行產生目錄) 2.將 SWC 複製到專案的 lib 目錄下。然後，在 SWC 按右鍵勾選目 Add to Library。 3.開始在 Main.as 寫程式，使用 SWC 內的元件。(你不一定要將主程式命名為 Main.as ，如果是多個類別同時存在時，只要在進入點的 Class 按右鍵，選取 Always Compile 即可) package { import flash.display.MovieClip; import jason.test.Square; /** * @author Jason Chen */ public class Main extends MovieClip { public function Main():void { var sq:Square= new Square(); addChild(sq); sq.x = 100; sq.y = 100; sq.width = 50; sq.height = 50; } } } 4.如果你要該 swf 產生在不同目錄，或用不同名稱，你可以在 project-> Properties 設定其輸出檔案路徑名稱。 5.最後，在 FlashDevelop 使用 Project->test movie 測試其執行結果。 如此...
閱讀完整內容

ActionScript 3.0 顯示物件(DisplayObject)與顯示物件容器(DisplayObjectContainer)

圖片
　ActionScript 3.0 針對影片片段及各種顯示物件的概念與 2.0 有截然不同。如果你寫過 ActionScript 2.0 請務必先忘了_root,_level0,_level1...和 getNextHighestDepth()這些東西。 　ActionScript 3.0 的顯示最上層是舞台(Stage)，然後是 文件類別的實體 ，往下是則可以顯示的顯示物件或者顯示物件容器，大致如圖一所示。顯示物件容器本身也是一種顯示物件，只不過它可以再包含其他的顯示物件在其中，而成為一個顯示物件列示(display list)；而單純的顯示物件就無法再含有其他物件。例如：Shape 是顯示物件，MoiveClip、Sprite 是顯示物件容器。 圖一 　任何顯示物都可以透過 stage 屬性來取得舞台物件。以下的程式範例：簡單說明如何使用顯示物件及顯示物件容器。 package jason.tutorial.actionscript { import flash.display.MovieClip; import flash.display.Sprite; import flash.display.Shape; /** * @author JASON */ public class Document extends MovieClip // 這是文件類別 { public function Document() //建構元 { // 建立一個名為 container 的顯示物件容器 // 自建一個 Container Class 且必須先和一個已存在的影片片段結合 var container:Container=new Container(); addChild(container); //容器加到主影片成為子物件 container.x=(container.stage.stageWidth-container.width)/2; //在舞台居中 container.y=(container.stage.stageHeight-container.height)/2; // 直接畫一個圓的形狀 var circle:Shape=new Shape(); container.addChild(circle); //加成容器的子物件 circle.graphics...
閱讀完整內容