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