随笔 - 8  文章 - 55  trackbacks - 0
<2024年12月>
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

常用链接

留言簿(6)

随笔分类

随笔档案

文章分类

文章档案

朋友的Blog

最新评论

阅读排行榜

评论排行榜

这个速学教程教你该如何在Flex Builder中編譯與運行Flex应用程序。

開始之前

開始這個速学教程之前,確定你完成下面的任務:

■在Flex Builder中創建QuickStart項目
■在Flex Builder中打開Project菜單中確認Build Automatically選項已選上,如下:



這個選項在Flex Builder的standalone版本中是默認選上的。(-_-!!但不知為什麽我的沒有被默認選上)

學習在Flex Builder中編譯

在你用Flex Builder編譯之前,先說一些核心概念。

默認地, Flex Builder的standalone版本中當你添加文件到項目中或當你編輯後保存項目文件, Flex Builder會動創建应用程序。

編譯後, Flex Builder會將調試與發布的SWF文件放到默認的輸出文件夾bin文件夾中。

按此在新窗口打开图片

Flex Builder並會産生運行在瀏覽器中包裝SWF的HTML文件。

注意: 瀏覽器必須了安裝Flash Player 8.5,Flex 2应用程序才能在瀏覽器中運行。

當你創建一個新的項目時, Flex Builder自動地産生項目的配置文件, bin文件夾主应用程序文件。在一個項目中可以有一個以上的应用程序文件,但只能有一個指定的主应用程序文件。
你隨時可以指定其他文件為主应用程序文件。所有的应用程序文件必須保存在Flex項目的根目錄下。

現在你明白基本概念後,你能在FlexBuilder中創建一個小的应用程序與編譯並運行他。

編譯與運行应用程序

Build Automatically已選上了,你在Flex Builder中添加文件到項目中或當你編輯後保存項目文件, Flex Builder會動編譯你的应用程序。

這部分假設你已創建了QuickStart項目Build Automatically已選上了。

1.打開Flex Builder差雙擊QuickStart.mxml文件。

2.在工具條上點擊Code按鈕,將視圖轉為代碼視圖。

按此在新窗口打开图片

當你創建QuickStart.mxml文件時, Flex Builder自動插入下面的代碼:

程序代码:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2005/mxml"
xmlns="*">
<mx:Canvas width="100%" height="100%">
</mx:Canvas>
</mx:Application>


3.在<mx:Canvas></mx:Canvas>標簽中輸入下面的代碼:

程序代码:
<mx:Label text="Welcome to Flex!" mouseDownEffect="WipeRight" x="20"
y="20" />


這個標簽插入一個Label控件Canvas容器中,並設定了Labe控件lCanvas容器中的位置與事件。

貼士:你能在工具條上點擊Design按鈕預覽這個控件。

4.保存文件。

當你保存時,Flex Builder自動創建应用程序。你能看到在窗口的右下角看到創建的進度。

按此在新窗口打开图片

5.完成創建後,在工具條上點擊Run按鈕啟動应用程序。

按此在新窗口打开图片

瀏覽器自動打開並運行应用程序

按此在新窗口打开图片

注意: 浏览器必須了安裝Flash Player 8.5,Flex 2应用程序才能在浏览器中运行。

6.单击“Welcome to Flex!”文字看看他的效果。
posted on 2006-04-29 16:49 blog搬家了--[www.ialway.com/blog] 阅读(477) 评论(0)  编辑  收藏 所属分类: Flex

只有注册用户登录后才能发表评论。


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问