Posts tagged Flex

Flex FAQ #10: Flex 4 有幾多個 namespace

Jan 16th

Posted by Vicker in Flex FAQ

No comments

知道點解要用 Spark 之後當然要實戰下啦 首先寫返個 Hello Spark application 先 以下o係 main application o既 source code * 太簡單喇~ 無 build application 放上黎~ 抱歉

<?xml version="1.0" encoding="utf-8"?>

<s:Application
	xmlns:fx="http://ns.adobe.com/mxml/2009"
	xmlns:s="library://ns.adobe.com/flex/spark"
	xmlns:mx="library://ns.adobe.com/flex/mx">

	<s:Label text="Hello Spark!" />

</s:Application>

唔太複雜吧~ 不過都幾多野唔同~ 首先當然係 namespace 啦

Flex Builder 3 (FB3) 寫 Flex 3 app 時o既 namespace 真係簡單到不得了

xmlns:mx="http://www.adobe.com/2006/mxml"

一個 mx 走天涯~ 一個已經包括左: - language (Array, uint, Number, Object etc…) 同埋 - Halo components (Button, VBox, DataGrid etc…)

FB4 寫 Flex 3 namespace 基本上無變架~ 大家唔駛咁擔心

xmlns:mx="http://www.adobe.com/2006/mxml"

但係 FB4 寫 Flex 4 就複雜喇~ 首先 Flex 4 namespace 唔再係一個 namespace 玩晒~ 而係好 clear cut 咁分開左 language 同 component namespaces

Flex 4 o既 language namespace 係

xmlns:fx="http://ns.adobe.com/mxml/2009"

至於 Flex More >

, , , ,

Flex FAQ #9: 點解要 Spark

Jan 14th

Posted by Vicker in Flex

No comments

認識 Spark 之前先要講下 Halo

Halo 係 Flex 3 o既主要骨格 由最 base o既 application (mx:Application) 去到 layout properties (horizontalAlign, padding) 再去到 UI control (mx:Button, mx:TextInput) 都係 Halo o既範圍 而 Spark 就係 Flex 4 o既主要骨格

好地地用緊 Halo 點解又要 Spark 呢?

用得 Flex 比較深入o既 developer 或者 designer… 又或者 dezeloper 都會發現 Halo 有幾個比較大o既問題

1) Skinning Skinning and Skinning

Halo control 要做 skin 係非常痛苦架 一係就只係用 CSS 做 d 好似無做過咁o既 styling 一係就用 Flash 畫好晒 d 野~ 之後 export SWF~ Flex embed SWF~ 再 CSS map class… 要改野咩? 開返個 Flash source 由頭做過啦

而且 Halo control o既 internal object 係 fixed 架 舉個例~ 一個 Halo button 裡面有一個 icon More >

, , , ,

Flex 4 重新上路

Jan 12th

Posted by Vicker in Flex

No comments

近期因為要寫幾個比較細既 Flex application 所以借機會用下 Flash Builder 4 寫 Flex 4 apps Flex 4 最大最大既改變當然係 Spark framework 黎緊我會將寫 Flex 4 o既一 d 心得同大家分享下

大家亦唔需要太擔心 Flex 4 o既 syntax 會再變 因為 Flex 4 o既 SDK 已經 freeze 左 除左 bug fix 同埋 font embedding 之外~ 其他都應該唔會再變 大家可以放心去用喇~!

首先大家要 Flex 4 app 當然要用最新o既 compiler 啦 大家可以用 Flex 4 o既 SDK 又或者 Adobe Flash Builder 4 beta 2

Adobe Flex 4 SDK (Free) http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4

Adobe Flash Builder 4 beta 2 (Trial) http://labs.adobe.com/technologies/flashbuilder4/

有一點要提一提大家 雖然 FB4 可以同時 compile Flex 3 同 Flex 4 o既 applications 但係 FB4 o既 plugin support 唔係咁 work 如果你本身會用一大 More >

, ,

Flex FAQ #8: Font Embedding 全集

Apr 7th

Posted by Vicker in Flash

No comments

尋日要幫一個 application 做 font embedding 主要係想 embed 楷書 其實 font embedding 本身並唔係一件難事 因為 Flex 本身已經 support~ 但係 embed 得黎又要控制好 file size 就唔簡單~! 至於楷書o既問題就更加多… 應該 specific d 講… 係 Microsoft o既標楷體o既問題更加多…

由淺入深~

1) Flex 直接 Embed font

方法主要有兩種

1A) Flex CSS refer local font

@font-face
{
	src: local("標楷體");
	font-family: "KaiShu";
}

o係 CSS 裡面 declare font-face 然後 source 利用 local 指住個字體名 最後 declare 一個 font family 名~ (呢個隨意就得) 呢度最 tricky 係個字體名… 特別係 Mac 機再加埋中文字… 經常攪到 Flex Builder compile o既時候會出現 local build error…

好: 快 壞: 唔穩定, File Size 大

1B) Flex CSS refer font file

@font-face
{
	src: url("/fonts/標楷體.ttc");
	font-family: "KaiShu"; More >
, , , , , , , , ,

Adobe MAX SF day 3

Jan 15th

Posted by Vicker in Adobe MAX

No comments

最後一日 MAX 今年有 d 唔同~ Sneak peak session 同 General session 逼埋o係同一日 第三日變左只係得堂上~

其中一堂講 Flash player 10 最新既 text engine 同 text layout framework Text layout framework 可以話係現有 text controls o既加強版 可以 support 到更加多o既文字效果

- multiple column (重點係 support 自動換 column 仲有 multiple column selection 仲可以 self define irregular shape columns)

- support 打直寫某 d 字~ 例如中文同日文 (大家以後可以唔駛靠 enter 靠行黎打中文喇)

詳細可以參考 Adobe Labs http://labs.adobe.com/technologies/textlayout/

其他時間就同 Way 作最後衝刺 Adobe MAX 有個傳統 就係要行攤位儲印仔換禮物 外國人比較得意… 佢地會直接行去人地個檔度要人印… 然後即走… 我就覺得起碼都要聽下人地個檔講 d 乜會比較有禮貌…

結果終於儲齊~ 換到o既係一副 Adobe MAX 啤牌 A J Q K 係 AIR Flex Photoshop 同 Flash Joker o係 MAX More >

, , , , , , ,

Adobe MAX SF day 2

Jan 7th

Posted by Vicker in Adobe MAX

No comments

(抱歉… 太忙喇… 遲左好多先出 post…)

第二日又黎喇~ 精神都算唔錯~ 今朝o係 marriot 食早餐 原本諗住會同會場的有 difference 但係都係食o個 d 野… 生果… 硬飽… 奶… 茶… 果汁… 比較好o既係果汁係樽裝~ 可以拎走飲~ 仲要係 tropicana~ 正

朝早上 Flex testing o既 session 之前寫 Flex application 都比較少考慮 testing 呢個 session 對我黎講都幾重要~ 不過上完之後就會發覺 testing 唔應該係事後先去做… 而係要由 Day 1 開始每寫一 part 就要寫返相對應o既 testing module… 基本上工作量係 double 或者 triple~ 因為除左 unit test 仲有 function test, etc… 講真… 有幾多 company 會考慮到同埋 afford 得起呢…

下一個 app… 如果我有時間的話我都想認真的做一次…

跟住就係 General Session 2~ 一開始由 Flex Builder product manager Tim Buntel 講解 Flex 講講下突然之間部機好似比人 hack 左咁~ 之後有一個神秘人 The Chief (Kevin Lynch) 話依家 computer field 有好多問題出現~ 要 Tim Buntel 諗辦法去解決~

之後燈光一暗~ 音樂響起~ 開始播片~ 感覺係非常超人特攻隊~ More >

, , , , , , , , , , , , , , , ,

Adobe MAX SF day 1

Dec 9th

Posted by Vicker in Adobe MAX

No comments

MAX 終於開始~ 去到 Moscone 就見到 Kai~ 佢同佢太太一齊去 MAX~ 真係開心

之後即刻上二樓食早餐 同之前一樣… 硬飽… 果汁… 咖啡… 奶… Somehow 我總係覺得唔會夠飽…

食飽見未夠鐘就去左 community lounge 一入到去就見到熟識既面孔~ John, Sumi, Craig 同 JD 都o係到 總係覺得見到佢地就 = 見到 Adobe community~ 哈哈

打完招呼傾左一陣就要趕去聽野 第一場係 Flex testing~ 都 ok~ 之後就係精采o既 general session~!

一如以往~ 未入到門就聽到好激昂o既音樂~! 一入到去真係好震撼~ 3 個 main screen 加兩組 side screen main screen 係山峰藍天白雲~ 一堆 Adobe product logos o係天度飛~ 好型~ 跟住所有 screen 會好似老虎機咁轉 d product logos 然後中間加插 30onMAX o既 video~ 好彩無拍者… 唔係比人 post 出黎好攪笑~

開場~ 有 DJ Mike Relm 用 30onMAX 既 video 表演捽碟~ (事後睇返 wikipedia 知道 Mike 係 VJ More >

, , , , , , , , , , , , , , ,
Adobe MAX SF pre day 1

Adobe MAX SF pre day 1

Nov 26th

Posted by Vicker in Adobe MAX

No comments

期待已久既 trip 終於都到左 Adobe MAX 2008 San Francisco

2 年之前去 MAX Las Vegas 見識到好多野 特別係學左 Flex… 可以話係完全改變左自己既 programming path 今年都希望可以再進一步深造下~ 當然啦~ 去之前大約都估到今次 MAX focus point 會係 Thermo

一早去到機場~ 同之前一樣搭機鐵~ 其實都諗左好耐搭唔搭巴士~ 但係最後都係機鐵算… 最緊要快 到左機場會合阿 Way 然後去左 2 號大樓食餃子~ $40 有麵有餃 (8隻) 真係好抵~!! 不過成個機場o既冷清程度真係有 d 害怕 d 餐廳阿姐每日都唔知點過日子…

上到飛機見到個全新o既 Cathay Pacific shell seat 的確… 的確有 d 呆… 乜個位咁樣衰o既… 再一次證明相係信唔過架… 不過~ 坐落的確係好舒服~ 唔會好似西北 d 機咁逼到爆 但係好坐唔等如我想坐耐 d… 就o係準備飛走o既一刻 Captain 竟然話架機有 fuel leakage 要折返… Fuel leakage… 聽落都幾恐怖… 係唔係會爆架大佬… 結果攪下又半個鐘攪下又半個鐘… 最後遲左四個鐘先起飛到…

不過我一直好懷疑 captain 有無講大話 1) d engineer 係不停咁 check 隻機翼… 2) 起飛時有個應該係副 captain 的人坐左o係我地側邊望住隻翼… 望左一輪之後用 intercom 同其他人講 “隻翼識郁~ 好正常~”

Anyway… 安全就得…

到左 San More >

, , , , , , ,

Yahoo! 立法會選舉 interactive Flash banner

Nov 24th

Posted by Vicker in Flash

No comments

幾個月之前透過 blog 識到一位 designer Bryan (哈哈~ blog 的確有佢 networking 既用途~ 就算你幾個月唔 update 都好 =.=||)

Bryan 想我幫佢手為 Yahoo! 香港既立法會選舉網頁寫一個 Flash 既 interactive banner 一聽到 Yahoo! 就二話不說即刻應承~ 相信一定係好好既 experience~ (結果… 唔… 原來係咁… 真係估唔到…)

Anyway… 講返個 banner

Banner 裡面其中一個 function 係要將一 d avatars randomly placed in 一個 specified area 起初我只係用簡單既切餅方法將一個長方形切成等份 然後 randomly place d avatar 入 d 餅入面…

好明顯… 結果好生硬…

之後嘗試唔用餅~ 直接做 random placement 然後每一次 place 既時候都 check hit area~ if hit 就 replace 結果好好多~ 而且速度完全 acceptable

跟住o既問題就係點樣可以只從o係一個 specific area 裡面 random place 呢? 由於要就返立法會大樓o既 shape~ 所以個 specific area 會係 irregular shape 當然啦~ 要準確的話一定係靠計數 但係計數o既問題係唔 flexible 同埋唔容易 maintain 最後我用左好多長方形去 approximate placeable area 然後每次 More >

, , , ,

Flex FAQ #6: Layout 秘技 Part 1

Aug 2nd

Posted by Vicker in Flex

No comments

好多時候寫 Flex application 有大部份時間都係用o係 UI layout 雖然 Flex 既 UI layout 已經好易寫~ 但係有時想做到心目中既效果唔係咁易

舉個例我地想整一個 shopping cart list 我地會用 List + itemRenderer itemRenderer 既 content 多數係 Label + Button 通常我地都會將 Label 放埋一邊~ Button 放另一邊~ 好似咁…

A List with Label and Button itemRenderer

但係有時總會出現一 d item o既名太長… 結果令到 button distort 左~

Too long label resulting distorted button

解決方法係利用 Label o既 truncateToFit 而用 truncateToFit o既時候一定要 define minWidth 或者 maxWidth 直覺上當然係用 maxWidth 啦~

計法就係: maxWidth = itemRenderer width – Button width – horizontalGap

但係呢種做法首先非常煩~ 而且容易錯 再諗下如果 Button width 轉咁點算呢… 重新計過… 當然可以用 data binding 解決… 但係你諗下咁樣做 d code 係幾咁長…

咁有無終極方法呢? 有… 但係唔容易明… 竟然係用 minWidth

<mx:itemRenderer>
    <mx:Component> More >
, , , , , , , ,
123»