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

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


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

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

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

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

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

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

第二個(gè)視頻中轉(zhuǎn)著切換表示當(dāng)前選中圖標(biāo)的效果也許是用了這個(gè)：
http://blogs.digitalprimates.net/codeSlinger/samples/carousel/CarouselTest.html

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

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

posted on 2008-01-30 23:01 咖啡屋的鼠標(biāo) 閱讀(4391) 評(píng)論(6)  編輯  收藏 所屬分類: Flex