Flex Active Desktop可能用到了哪些控件

前幾天在《Flex的逆襲》中推薦了一個囂張的Flash，他的名字叫做“Flex Active Desktop”，沒看過的人可以看看這兩個視頻了解一下：


這里面有幾個效果和控件是讓我非常感興趣。比如說里面的旋轉效果，不管是桌面的旋轉還是窗口的旋轉；比如那個可以看網頁的瀏覽器，比如那些表現力十分豐富的按鈕。抱著對這些的強烈興趣，搜尋了大小網站，一個個看開源項目，一篇篇讀博客文章，總算被我找到幾個。

首先登場的是強大的旋轉效果：
http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/
在這個效果里面，我們的所有的旋轉效果他都支持了，不管是立方體的旋轉，還是窗口從最小化恢復的變形，還是窗口的180度旋轉全都有了。代碼在這里下載：http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip

接下來登場的是看似非常不科學的Flex中的瀏覽器：
http://www.themidnightcoders.com/blog/projects/flexhtml/flexhtml.html
用這個控件我們可以在Flash里面瀏覽網頁，其實是作假的，并不是真的寫了一個html+CSS+JS解析器。當然也有類似這樣BT的強者：http://motionandcolor.com/wrapper/
這是一個用AS寫的 HTML/CSS 渲染引擎，雖然沒有JS，依然十分彪悍。

接下來，該是我們的按鈕了。Flex中的按鈕表現力相對而言比較差。這個CanvasButton控件就能彌補這點不足，我們可以把它當成Canvas用，不管Canvas里放什么，最后都會表現為一個Button，這樣我們可以輕松的做出富有表現力的按鈕：http://dougmccune.com/blog/2007/06/01/new-component-canvasbutton-added-to-flexlib/
他是上次我推薦的flexlib的控件之一，flexlib是非常強大的控件集。

Flex Active Desktop中下方的工具條我沒找到，看著也不難，用TileList應該可以做到。不過在找的過程中我發現了這個：
http://dev.getoutsmart.com/labs/dock/
仿蘋果的工具條，這比那個更囂張，咔咔。在這里下載代碼：http://dev.getoutsmart.com/labs/dock/dockdemo.zip

當然里面的窗口看著也不錯，窗口的效果可以見這里：
http://www.returnundefined.com/flexmdi/explorer/

第二個視頻中轉著切換表示當前選中圖標的效果也許是用了這個：
http://blogs.digitalprimates.net/codeSlinger/samples/carousel/CarouselTest.html

窗口右側伸出擴展子窗口的效果，應該是用的這里的，也保不齊窗口就是用的這個，而不是上面那個：
http://window.diaztorres.com/bin-release/test_window.html

有了這些控件，Flex Active Desktop看起來也不是那么難做出來的Flex了是不？這就是我愛開源的原因之一。

posted on 2008-01-30 23:01 咖啡屋的鼠標 閱讀(4386) 評論(6)  編輯  收藏 所屬分類: Flex