Posts Tagged FLEX

[Flash] Improving Timeline Using Tweening Engine

現在的flash/flex developer 都已經減少採用了flash 所提供的timeline 來造 animation (chowky 是指 interface /transition 的animation),取而代之就是兩隻不同的tweening engine.

1. TweenLite/ TweenMax ﹣ http://blog.greensock.com/
2. Caurina Tweener ﹣ http://code.google.com/p/tweener/

基本上兩種都是免費的。
Caurina 會稍稍再好一點,因為是採用了MIT license

而TweenLite / TweenMax
Screen shot 2009-11-28 at 8.45.46 PM

建議大家兩種都要學習,兩隻的用法其實是差不多的,因為很多不同的sample / tutorial 都會各自採用,所以當別人使用了的話,至少要看得明白呢。 (應用上,chowky 會 suggest caurine tweener, 始終mit 是沒有任何license limitation,而且太相似了,有完全免費的就當然要用啦~)

文中所介紹的方法,是利用tweenlite 來控制timeline.

當然同樣地可以改用tweener.

在flex 的角度,差不多必定要用tweening engine 而放棄 flex 的 animation library….原因很簡單,有bugs…..這個情況發生在ILOG Calendar 上 (當在複雜的情況之下)。chowky 自己亦在中招之後就利用tweening engine 來控制 animation 的 start/stop.

Source: http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/

Share

, , , , , ,

No Comments

[Flex] 剖析不同的 Components Sizes (measured by lines of code)

身為flex developer ,應該要對自已每天都對著的framework 有多一點的了解。 (分明就沒有了解啦),看到了之後有點嚇人…..原來advanceDataGrid 是第一位。。。。大家要小心使用的呢~

有個developer 就分析了不同component 的lines of code,當然,愈長的code 就一定會花更多的時間的呢~而devleoper 都應該儘量留意使用和使用的方法。

以下是 3.0.0 的分析:

幾千行沒什麼大不了? 錯!
先看看: AdvanceDataGrid 的inheritance

UIComponent
ScrollControlBase
AdvancedListBase (4,553 lines of code, 8,573 total)
AdvancedDataGridBase (1,184 lines of code, 2,084 total)
AdvancedDataGridBaseEx (4,503 lines of code, 7,428 total)
AdvancedDataGrid (5,385 lines of code, 8,432 total)

你要全部加起來,about 15,605 行code. (若加上comment and whitespace –26,517!). 相等於7﹪ of flex framework. [已經不計入UIComponent, ScrollControl Base 了]

值得留意的是ListBase 是第二大的class…… (所以很多人都會少用list control, 至於datagrid…無法子……都要用的呢….不過現在是大量採用….暫時都未有問題)

長的code 除了慢之後,debug 都會是一個很大的問題,你用了advancedatagrid 之後,如果是framework 本身 (當然你是不知道的呢) 有問題,then …you are in trouble…..因為一個問題而看30000行code? 似乎不大可能的。

不同component 的Full List 對於optimization 方面來說真是十分有用。你可能不能避免,但你會小心使用。

應該要說句公道說話,始終flex framework 還是很新的,所以framework 還有很多地方要improve, optimize. developer 自己要留意一下自己的coding 方法。避免自己的apps 變成一隻蝸牛。

Source: http://dougmccune.com/blog/2009/02/08/analyzing-the-size-of-the-flex-framework-or-why-i-hate-the-advanceddatagrid/

Share

, , , , , ,

No Comments

Flash&Flex Magazine Nov-09 Issue

大家有機會可以去看看~~

不過有很多廣告呢~~,但對developer 來說,看看這種magazine 可以令自己更update ~而且可以有多一點國際視野…

在香港跟本就不會有這種雜誌呢….香港只有low end, hardware 的東西,跟本不太著重於software 的配合….

developer 太專了,跟本沒有雜誌去target 這類user.

Share

, , ,

No Comments

[Flex] Adobe 統一化對不同 social website 的整合

大家有否覺得若果又全部要加入對Facebook, MySpace, Twitter, Yahoo, Google, AOL 的支援。(雖然hk 只是多數用faceook only)

現在adobe 把這個social website 加以統一化,方便不同的developer 對於不同的平台的支援~。

當然若果以後有新的social website,adobe 都會透過這個api ,去加入對此的支援。

統一化對開發者來說,可以減少學習不同平台的時間,productivity 會有所提昇。

而現在不同的網頁,平台都要靠不同的social website 去推廣。

adobe 這個動作是正確的。

暫時chowky 太忙,若有時間/有機會,會試試這個api ,再看看是否成功達到原有的目標– 簡化對不同的social website 的整合

Source: http://labs.adobe.com/technologies/social/

Share

, , , ,

No Comments

[Flex] Tabnavigator + TextInput / TextArea 解決方法

先前發現的問題

是未能resolve. 不過~有方法可以避開呢。只要利用viewstack ,再自己assign tabBar 就可以了 (簡單來說即是不可以用tabnavigator component 呢,
有方法避開都好。~。)

In this scenario, the textInput doesnt even dispatch click events. But it can still be selected via the tab key.

I found out that this bug isnt present if you use a viewStack with a tabBar. (yipee!)

Source: http://bugs.adobe.com/jira/browse/SDK-22644?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel

Share

, , ,

No Comments

Flash and Flex Magazine 開始免費下載

雖然chowky 覺得這些magazine 都是一個不錯的resources,雖然多數都是介紹一些commercial products。

應該這樣說,多看一點,多了解一點,不是更好嗎? 外面天大地大,不應該鎖住自已在細小的地方。

Source: http://ffdmag.com/

Share

, ,

No Comments

[Flex] 怎利用 flash cs4 來export flex 可用的library

剛剛 chowky 就利用flash 來寫一個website 出來,所以就找下很多不同的flash的東東。無意之中就找到這個flash cs4 的教學。

不過flash cs4 其實真的不可能用來開發大型的project,因管理(maintenance)方面真是令人頭痕。所以可以把兩方面合

作就非常好了(哈,開發成本都高了很多)

Video tutorial: Create Flex components with Flash from Serge Jespers on Vimeo.

Source: http://www.webkitchen.be/2008/12/12/video-tutorial-make-flex-components-with-flash-cs4/

Share

, ,

No Comments

[Flex] Adobe Opensource its Flex Charting Component

估不到,因為什麼原因而opensource自己的charting component,這會否影響了flex builder 3 professional 的銷情?

That page also has the Data Vis. components listed, and the download includes the source and is no longer watermarked.
Previously a Flex Builder licence was required to obtain the source and remove the watermark.

可能坊間太多不同的charting component,所以adobe 索性open source。

不過都是一個好消息。~

Source: http://www.rachaelandtom.info/content/adobe-open-sources-flex-data-visualization-components

Share

, ,

No Comments

[Flex] Best practice by using MVC

現在什麼都是講best practice,所以連flex也要談談。

其實chowky 認為可以利用framework 去達致 mvc 這個效果 (當然利用framework 是 more than simply mvc 啦)。

但時問題是,techical level 不足 (根基不好),而整team人都沒有implement framework 的experience,要貿然轉用mvc。老實說,吃力!

其實不用pattern 都可以,但是要有恰當的separation of code which is provided by MVC.

有人覺得埋首在framework 上是dead end,他們是有道理的,要利用framework 是要additional effort 。

會不會埋首在framework ,放錯了focus , 而放棄了–目標。

所以不如簡單一點,利用簡單的mvc 方法。 (但 chowky 依然覺得mate 是簡單,所以可以直接利用mate,but mate 還未officially support flex 4 的sdk,所以有點猶豫。)

Source: http://unitedmindset.com/jonbcampos/2009/08/18/flex-best-practices-models-views-and-controllers/

Share

, , , ,

No Comments

[Flex] Reducer

其實這是可以減少swc / swf 的file size 的tool。 從而可以加快speed。

可以把 image 較細,又可以保持質素。呢個就係得意的地方。

可以問下個作者。haha~

Source: http://blog.joa-ebert.com/2009/08/08/reducer/

Share

, ,

No Comments