Anistar RIA Blog

今天有空來稍微分享一些好用的Flex 3小工具，這些工具我幾乎都有在課堂上展示給大家看了，我將這些工具收集起來放在這邊，這樣大家就可以更容易找到這些資源，相信其中有幾項小工具，保證是讓你用到樂不可支口水直流啊~

(為什麼口水直流？絕對不是看到什麼美女照，而是悔恨為什麼沒有早點用而氣急敗壞的花轟啦~)

恩，休息時間有限，廢話不多說趕快來介紹值得推薦的3大工具：

1. Flex 3 Component Explorer (推薦度3顆星)

顧名思義很明顯Flex 3 Component Explorer就是用來表現元件的瀏覽器，這是由Adobe他們所做出來的一個小展示工具，如果你是Flex的初學者可以到Flex 3 Component Explorer中去看看元件的基礎的寫法，應該可以盡快的對元件的基礎用法有一點點理解。

用法很簡單，你可以從左邊的樹狀選單中找尋你想要了解的元件，然後去點選他即可。 (該選單已經做好元件分類，還蠻好找的)

然後右側的選單就會看到示範的範例內容，你可以直接去操作他，看看呈現的效果為何，想知道怎麼寫的嗎？別緊張！再往下看…

下方的內容有上方範例的程式原始碼，不過你只能看不能改就是了，要改還是乖乖的到Flex Builder中去玩吧。

整體上來說是一個初學者學習的好工具，可惜的是範例的展示時在實在是太基礎了，所以我在寫"Flex+AIR程式開發"這本書的時候，就特別對每個元件的寫法特別的描述清楚和示範，還加上屬性說明表讓大家對照，相信若是能搭配著書跟Flex 3 Component Explorer兩個一起使用，更可以深入Flex的世界中。

使用Flex 3 Component Explorer

2. Flex 3 Style Explorer (推薦度5顆星)

相較Flex 3 Component Explorer來說，Flex 3 Style Explorer我給比較高的評價，原因是因為它的實用性，所謂的Flex 3 Style Explorer就是可以讓你去調整Flex元件的外觀，重點就在於"調整"這兩個字，這樣用起來才有"工具"的感覺啊。

同樣的你可以從左側選擇想要修改的Flex元件，分類與Flex 3 Component Explorer的分類方法大致類似，點選後就可以到右方去調整外觀樣式。

調整樣式時可以用一些簡單的工具去操作他，操作時連鍵盤都不需要，只要滑鼠勾一勾選一選就可以調整了，最棒的的是當你在調整的同時，他會把Flex元件的樣式即時的顯示出來，這樣你就不需要一邊調整一邊執行看看設定完的數值到底跟想像中的對不對了。

當然最後還會幫你輸出成CSS的樣式碼，這個就可方便了，設定完後你就可以直接將CSS樣式貼到Flex Builder中去做設定，怎麼樣？是不是很棒呢？

不過要注意的是畢盡工具不是萬能的，Flex 3 Style Explorer生出來的CSS是比較基本的樣式，若是要設定比較煩雜的樣式還是需要自己動手才行，不過透過Flex 3 Style Explorer已經可以節省我們設定樣式80%的時間，老話一句，有人寫我就負責用啊，何況是寫的這麼讚的工具，不推一下實在太對不起他了。

使用Flex 3 Style Explorer

3. Flex 3 Regular Expression Explorer (推薦度5顆星)

這也是我非常強力推薦的一個工具，而且這還不是Adobe所提供的工具，是由Ryan Swanson所提供的，實在是要給他拍拍手，有他這股熱心不知道可以造福多少ActionScript 3.0初學者，看標題Flex3 Regular Expression Explorer也知道，這是一個可以產生正規表示式的小工具。

他故意模仿Adobe Explorer工具的操作方法，從左側可以選擇檢驗某種資料格式的Regular Expression。

點選後在右方就可以看到所產生出來的Regular Expression了，然後你只要將所產生出來的Regular Expression複製到Flex Builder或是Flash中，就可以快樂的在ActionScript 3.0中套用它了，實在是太愉快了。

這個工具可以取代我們之前花了大把時間建立Regular Expression的時間，幾乎是節省了85%的時間啊，當時我看到這個工具實在是欣喜落狂，口水直流…不，是高興的不得了，不過畢盡工具就是工具，剩下的15%的時間還是要花的，例如一些只有在台灣專用的電話或住址規則，還是要自己乖乖的寫，不過我已經很滿足了，因為太好用了，下次有時間我再花一些時間來介紹這個小工具。

使用Flex 3 Regular Expression Explorer

結論

所謂的事倍功半是建築在選對工具的前提上，相信活用這些工具一定能為你有效的節省程式撰寫的時間，不過另外要注意的是千萬不要以為有工具之後就可以不用學習像是CSS或是Regular Expression等這些基礎觀念，不然包准你會從事倍功半變成事半功倍，相信我，這種例子我看太多了，好啦，最後祝大家Flex開發愉快。 *轉身繼續趕專案去* Orz