Flex

Flex FAQ #9: 點解要 Spark

Jan 14th

Posted by Vicker in Flex

2 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

1 comment

最後一日 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

1 comment

(抱歉… 太忙喇… 遲左好多先出 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

3 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 >

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

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 >
, , , , , , , ,

Sometimes I hate Flex… Sometimes

Jul 24th

Posted by Vicker in Flex

No comments

Don’t get it wrong… I am not leaving Flex, most of my current developments still rely on it and I am sure it will last for several more years.

Working with Flex for nearly two years. I am sure I have the right choice however sometimes Flex do makes me mad.

  • SWFLoader content can’t be unloaded completely. (How many times you try to replace a loader content but you notice the content music never gone away)
  • VideoDisplay component doesn’t play .flv correctly…
  • Not even those produced by Flash Video Encoder…
  • Non standard CSS
  • Math.floor (Math.random () * 4) + 6 (Oh my god… I just want More >
, , , , , , ,

Flex FAQ #5: 點樣做 Full Screen Application

Jul 12th

Posted by Vicker in Flex

No comments

Flex application 有一個特點就係可以完全跳出 web browser o既框架 Adobe AIR 當然係其中一種做法~ 但係 Flash player 本身 support full screen mode 所以直接用 full screen mode 就比起 AIR 直接同快喇~!

要用 full screen mode 首先要改動 SWFObject 或者 Object tag 主要係加入 allowFullScreen 呢個 parameter 以 Flex Builder o既 HTML template 為例

SWFObject:

AC_FL_RunContent(
    "src", "${swf}",
    "width", "${width}",
    "height", "${height}",
    "align", "middle",
    "id", "${application}",
    "quality", "high",
    "bgcolor", More >
, , , , , , , ,

Google 同 Yahoo! improve Flash indexing

Jul 1st

Posted by Vicker in Flash

No comments

今日 Google o係 webmaster central blog 公布左佢地已經 improve 左 Flash content 既 indexing power 所有 version 既 Flash content o係唔需要改動既情況底下都可以得到更好既 indexing result

同一時間 Adobe 亦o係 Adobe Developer Center 發表左 SWF searchability FAQ 裡面除左有耳熟能詳既 marketing slogan 之外

The openly published SWF specification describes the file format used to deliver rich applications and interactive content via Adobe Flash Player, which is installed on more than 98 percent of Internet-connected computers

亦有提及到背後既原理 以及 Yahoo! 都會於稍後 update search engine

的確~ 咁多年以黎 Flash 都比人彈 SEO 每一次我幫人做 project analysis 既時候 第一句都係問 “application base” 定 “content base” 今次呢個 news 的確幾吸引~ 但係問題係唔係就咁就解決呢?!?! 我地係唔係唔再需要寫特登寫 XHTML version / XSL / 一大堆 supportive More >

, , , , , , , ,
12»