图解Flex开发教程
一 Flex 開發環境搭建
<一> Flex開發工具下載
? ?據說,Adobe Flash Builder可在官網下載;進入下頁;
跳轉到此頁;
在上頁點擊查看所有試用;如下圖;
? ? 但是點擊其中的Flash Builder 4.7和Flex SDK 4.6,均出現下列頁面;
? ? 頁面的意思也就是說,Adobe官網不再提供Flash Builder 4.x 的試用下載;所以只能在別處想辦法;
? ? 鄙人在網上下了一個,放在此處,需要可下載;測試可用;
http://pan.baidu.com/s/1o6kMaQu
<二> 安裝
? ? 雙擊安裝;
? ? 出現下列畫面,鄙人選擇忽略并繼續;
選擇安裝試用版;
? ? 安裝完成;啟動,出現下列畫面,輸入序列號;一組不對再輸另一組;輸入后可進入IDE界面;
? ? 具體序列號等相關內容網上有,鄙人不提供;鄙人不贊成使用盜版;
<三> 開始使用
1 手動輸入代碼,建立第一個flex項目;
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"?
? xmlns:s="library://ns.adobe.com/flex/spark"?
? xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- -->
</fx:Declarations>
</s:Application>
進入命令行的安裝目錄的sdks\4.6.0\bin;用mxmlc命令手動編譯;結果出現下圖;提示說還需要安裝JDK;
?安裝完JDK后, 再次手動編譯,出現如下似乎有錯的提示,但是hello.swf文件已經生成;
安裝完JDK后,進入Flex IDE;新建Flex項目如下圖;選擇應用程序類型為web;
?編譯運行,雖然加了Label,但是運行后什么也沒顯示;后查是把<mx:Label寫在了<fx:中,這個是錯誤的;
如果手動建立一個桌面型的mxml文件,手動編譯,會出現如下錯誤提示;應該是還需要mxmlc的某些編譯命令選項;
桌面型與web型mxml程序的區別在于,如下兩段代碼:
web型;
<?xml version="1.0" encoding="utf-8"?>
<s:Application
桌面型;
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication
運行建立的web型flex項目,提示還需要安裝Adobe Flash Player,安裝完成后如下所示;
<四> 來幾個flex精華部分內容
? ? Flex主要效果強的地方在于其特效;既然可以使用了;下面做幾個特效例子看下;敲入如下所示代碼,運行,結果如下圖,單擊鼠標時移動圖像;果然移動了哈;
? ? 可以在網頁中運行,也可以右鍵生成的swf文件,選擇用Adobe Flash Player 11播放;下圖是播放的情形;
? ? 再做一個發光特效;敲入如下代碼,運行;結果如下;發光,果然發光了! ?Flex的特效還真是不賴;
? ? Flex特效代碼下載:
http://pan.baidu.com/s/1mgFYnQ4
總結
以上是生活随笔為你收集整理的图解Flex开发教程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 图解weblogic安装
- 下一篇: 精简版开发工具使用手记(图解)