2008
02.13


[此篇內容僅供Flex3參考]

 過完年了,Adobe的Flex3和AIR也遲到了,不過我想這兩個遲到的小兄弟,最近應該要出生了,所以來介紹一下Flex3和AIR的內容吧。  (其實是前陣子又忙又不順,欠太多內容,乾脆想到什麼寫什麼,還是別亂開支票好 :p)

flex 3 builder

好啦,趕快來打開Adobe Flex Builder 3,這次Flex Builder已經跟Adobe CS3系列用同一種style了,整合的宣告意味濃厚,這也是這次CS3有別於其他版的的差異,至於多了什麼趕快繼續看下去。
flex3_01.jpg


打開Flex Builder 3的第一件事當然要來開個新專案囉,首先不免俗要來HelloWorld一下,不過這不是重點,重點是有看到在Application Type中多了奇怪的選項了嗎?沒錯在Flex Builder 3中開始正式支援Adobe AIR(至於什麼是AIR"空氣",以後再說),這可以說是一個重要的特色。
flex3_1.jpg


打開專案後,來到Design View(設計模式)看一下,不錯喔,有多了一些貼心的小設計,例如要縮放場景可以直接用放大鏡,這個直覺多了,也可以直接選擇放大幾倍使用起來跟Flash很像,以後畫面用不夠,就不用像以前一樣只能選view的像素值了。
flex3_2.jpg


當整個view擴到最大的時候,旁邊可以出現其它view的小提示按鈕,當你按下時可以跳出整個視窗供你使用,沒錯,又是一個貼心的設計,以前必須要切回原來的view,上課的同學還好沒受我苦毒,因為我都source view一路到尾,眼睛沒花到 :p
flex3_3.jpg


建立一個Label將內容填入HelloWorld,可以在右側的Flex Property View中調整Style,這個有用過的人都知道,等一下,怎嚜多了一個"Convert to CSS"的按鈕,該不會是"那個"吧? *心中竊笑*
flex3_4.jpg


沒錯果然是"那個"(到底是哪個,一直那個誰聽的懂),就是自動將Style API轉換成CSS的功能,叔叔有練過,初學者就忘記這個功能吧,不然保證你CSS搞不清楚狀況。
flex3_5.jpg


自動生成CSS Code,這樣會不會太簡單啊,以後乾脆連ActionScript都幫我寫好算了? *哭泣*
flex3_6.jpg


不只這樣,現在的Design View還可以即時編輯並預視樣子,方便多了,不過還是沒有Dreamweaver的CSS編輯器好用,應該還有進步空間。
 flex3_7.jpg


哇哩,連MXML Code都幫我改好了,實在太懶啦,以後上Flex 3課程的時候,一定一堆功能被我禁用,免得變成"你傻瓜他聰明",連Code都不會寫啦。
flex3_8.jpg

好啦,時間有限,快樂的時光總是過的特別快,今天先寫到這,明天再位各位看官介紹Adobe Flex Builder 3到底還有什麼新的改變。


相關文章:
  • Adobe AIR在智慧型手機(iPhone Android)的應用與限制
  • 由Flex 3進入Flex 4的必備知識 PART 4 – Flash Builder的程式撰寫工具
  • Adobe Flex 4.1現身
  • Flash Builder4 文字提示功能
  • Flash Player 10.1正式版釋出
  • 本文引用:
    文章內容由宋志峰[ANISTAR]撰寫,引用分享請以鏈結形式註明出處與原始作者。

    5 comments so far

    Add Your Comment
    1. 還有…anistar的名字連結設成www.riaproject.com了
      應該是blog.riaproject.com
      (我是來偵錯的XD)

    2. Dear Spencer:
      Flex2升級Flex3幾乎沒什麼需要適應的,了不起學一下新的面板放在哪就可以了,因為程式的寫法完全一樣。
      謝謝你的建議,趁這次週末假日來改一下好了。

    3. 聽起來好方棒啊~~
      讓我想立刻升級版本用用看內~

      請問愛你斯大~Flex2專案改用Flex3來編譯,有沒有什麼地方需要改變或是適應的呢?

      另外…建議驗證碼改放在送出鈕之上,文字編輯區之下,這樣才不會讓我這個白痴常常忘了打驗證碼,以致於文章不見了…T_T

    4. Dear Victor:
      現在流行吃到飽~ (好啦,我知道自己冷) *滾*

    5. 我不依~我不依~
      人家2都還沒學會,這下又端個3出來!
      怎麼吃的完啦~>.