域卡的卜 Vicker’s Blog

Hong Kong Adobe Flash platform (Flex, Flash and AIR) developer
  • rss
  • Home
  • About
  • Resume
  • Flickr
  • Contact

Sometimes I hate Flex… Sometimes

Vicker | July 24, 2008 | 7:15 pm

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 a random integer)
  • Smooth scroll List
  • Disabling Ctrl key during drag move
  • Gradient fill Container
  • Full screen Keyboard input…
    (I understand security… but that should be user’s responsibility… not developer’s obstacle) 
Flex Builder related…
  • Why can’t I export my syntax coloring settings? 
  • I don’t know which part I haven’t done yet… WHERE’S MY TODO!?!?
  • Auto building get set function please…
To be continue…
Adobe…. please… I love advancedDataGrid… but fix the old ones first…

Related posts

  • Munsang College Biology Department Website version 3 始動~! (0)
  • 時光倒流第一集 - Adobe Flex Workshop (0)
  • Flex FAQ#4: 利用 Adobe Flex 做 Video Player (0)
Comments
No Comments »
Categories
Flex
Tags
Adobe, AdvancedDataGrid, CSS, flash video encoder, Flex, Flex Builder, flv, VideoDisplay
Comments rss Comments rss
Trackback Trackback

Flex FAQ #5: 點樣做 Full Screen Application

Vicker | July 12, 2008 | 2:23 am

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", "${bgcolor}",
	"name", "${application}",
	"allowScriptAccess","sameDomain",
	"type", "application/x-shockwave-flash",
	"pluginspage", "http://www.adobe.com/go/getflashplayer"
);

 

Object tag: (要留意加左兩個地方~!)


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="${application}" width="${width}" height="${height}"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
	<param name="movie" value="${swf}.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="${bgcolor}" />
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="true" />
	<embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
		width="${width}" height="${height}" name="${application}" align="middle"
		play="true"
		loop="false"
		quality="high"
		allowScriptAccess="sameDomain"
		allowFullScreen="true"
		type="application/x-shockwave-flash"
		pluginspage="http://www.adobe.com/go/getflashplayer">
	</embed>
</object>

 

之後 within Flex application 就可以利用 stage.displayState 開動 full screen


stage.displayState = StageDisplayState.FULL_SCREEN;

 

如果想做到 toggle full screen effect 可以利用簡單既 if… else… statement


if (stage.displayState == StageDisplayState.NORMAL)
{
	stage.displayState = StageDisplayState.FULL_SCREEN;
}
else
{
	stage.displayState = StageDisplayState.NORMAL;
}

 

 

但係要留意一點~ Full screen mode o既所有 text field 係唔可以 edit 架…

講真… 咁o既 limitation 可以話將個 application 廢左武功…

暫時都無解決辦法… Astro 都唔得…

 

Adobe Labs - Flash Player 10 Beta Release Notes

http://labs.adobe.com/technologies/flashplayer10/releasenotes.html

Limited Fullscreen Keyboard Access — In Flash Player 10, key events are supported for non-printing keys such as arrows, shift, enter, tab, space, etc.  Limited access to the keyboard will allow fullScreen games and video controls with keyboard access in a secure way.

 

背後o既原因係擔心有人 develop 假既 OS login page…

都好無奈… 如果咁既話所有 web browser o既 full screen mode 都應該 disable text input…

 

Adobe Labs - Talk:Flash Player:9:Update:Full-Screen Mode

http://labs.adobe.com/wiki/index.php/Talk:Flash_Player:9:Update:Full-Screen_Mode#Why_suspend_key_input.3F

When considering this feature, several security concerns impacted our decisions for this first release. The reason keyboard input was blocked was to help prevent phishing attacks using Flash, where full-screen is used to simulate a log-in screen, someone else’s website, etc. This also impacted our decision to add the overlay to visually inform the user that something had changed and they were in a new state.

English title: How to develop full screen application

Related posts

  • 時光倒流第一集 - Adobe Flex Workshop (0)
  • Sometimes I hate Flex… Sometimes (0)
  • Flex FAQ #3: 點樣用 Flex FileReference 下載檔案 (0)
Comments
No Comments »
Categories
Flex, RIA
Tags
Adobe, AIR, displayState, Flex, Flex Builder, Flex FAQ, full screen, stage, StageDisplayState
Comments rss Comments rss
Trackback Trackback

Google 同 Yahoo! improve Flash indexing

Vicker | July 1, 2008 | 11:07 pm

今日 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 AS?!?!

言之尚早~!

 

At least… Munsang Biology web d content 仲未 index 到~ 哈哈

 

Anyway~ should be a great start!

 

詳情:

Improved Flash indexing by Google Webmaster Central Blog
http://googlewebmastercentral.bl … flash-indexing.html

SWF searchability FAQ by Adobe Developer Center
http://www.adobe.com/devnet/flas … _searchability.html

Related posts

  • Flex FAQ #3: 點樣用 Flex FileReference 下載檔案 (0)
  • Essential ActionScript 3.0 and ActionScript 3.0 Design Patterns (0)
  • 實力? 運氣? 我信運多 d… (0)
Comments
No Comments »
Categories
Flex, RIA, Web Usability
Tags
ActionScript, Adobe, Flash, Google, SEO, SWF, XHTML, XSL, Yahoo
Comments rss Comments rss
Trackback Trackback

Adobe Certified Flex 2 Developer Examination 合格~!

Vicker | August 27, 2007 | 11:53 pm

上星期六膽粗粗去左考 Adobe Certified Flex 2 Developer Exam…
講真的確係好即興… 其實幾個月之前已經想去考~
o個時用左 Flex 寫野無耐~ 覺得自己唔夠料所以無考~
直至前幾日聽 Angus 講左幾句~ 話我實得~
結果我就即興咁星期四晚報名… 星期六考試… 前後溫左兩日一夜~
將成本 training from the source 睇晒…

其實考試前一晚睇 examination blue print 已經知出事…
FDS… JAR… WAR… JMS… JTS… JNDI… Hibernate… 攪乜鬼咁多 Java 野…
唯有成晚死刨~ 講真… 真係學左唔少野~ 有好多野之前係 miss 左~

星期六早左到試場~ S 字頭既 training center~
入到考試專用房… 呆晒… 細到呢~
4 個男人 4 部機 4 格位… 勁似去緊廁所… =.=
機慢… keyboard 殘… mouse cam…
下次真係幫襯第二間…

67 題 MC~ 大約 1 小時 40 分鐘既卷~ 100 分滿~ 73 分合格~
基本上每做 3 題就有 1 題要 mark… mark 既意思係我唔 sure 個答案 =.=||
d 問題好多都可以玩謝人… 呢度唔方便打出黎… 總之唔係你會考慮到既問題…
之前都睇到 d foreigners 講個試好難考… 唔好無啦啦去考… 估唔到真係咁變態…
話佢係 Flex 既卷~ 不如話係 SE 既卷… 勁多 OO 同 Design Pattern 既問題…

唔駛 40 分鐘… 做完… 一望… 3X 題 mark 住…
心裡面即時安慰自己… 下次補考… 然後當考一次二千蚊罷啦… =.=
Anyway~ 我盡左自己能力 go through 多兩次題目~
o係 click end o個一刻我深呼吸左一下~ 同自己講一定得既 (講係一件事… 諗係一件事…)
一睇到 result 真係忍唔住 yes 左出聲~ 總算合格~~!! 純粹好彩…
Remote Data o個一個 session 最差… 唔合格 tim…
好彩 UI, Architecture 同 Programming 拉返 d 分~

比將來會考呢一個試既人一 d 意見…
Training from the source 的確算係必讀~ 未睇晒既唔好去考
就算睇晒~ 都最好肯定自己熟悉整個 Flex 同 Flash API 先好去考…
有 d API 平時真係少用~ 但係佢會問的…
最好就係寫返一年 Flex Application 先去考~ and FDS 比重幾大~ 一定要玩過下先好考~
祝大家好運~

ACP_Flex_Developer.gif

Related posts

  • Essential ActionScript 3.0 and ActionScript 3.0 Design Patterns (0)
  • 時光倒流第一集 - Adobe Flex Workshop (0)
  • Sometimes I hate Flex… Sometimes (0)
Comments
No Comments »
Categories
Flex
Tags
Adobe, Angus Yip, design pattern, fds, Flex, hibernate, jms, jndi, jts, OO, UI
Comments rss Comments rss
Trackback Trackback

Flex FAQ #3: 點樣用 Flex FileReference 下載檔案

Vicker | August 17, 2007 | 1:05 am

本來呢個問題應該好簡單~
基本上一個 ActionScript developer 可以即時答得出


var t_file_ref:FileReference = new FileReference ();
var t_url_request:URLRequest = new URLRequest ("some_path/some_file.type");
t_file_ref.download (t_url_request);

但係原來o係某 d 情況佢係會 malfunction 既…
而且係你估都估唔到~ 加上玩足你幾個鐘…

為免大家中招所以寫左呢個 example

睇落好似無分別~就算 click “這個不能下載” 都出現左下載畫面但係當你以為 download 左既時候…
你會發覺乜都見唔到…其實問題係在於 FileReference o既 instance declaration method如果o係 function
裡面 declare 既 temporary variable當 function 完成之後 FileReference instance 就會o係 select event 之前消失結果… download 左個桔…
解決方法係將 FileReference instance 放o係 class member variable


public class some_class
{
	private var _file_ref:FileReference;
	function some_function ()
	{
		this._file_ref = new FileReference ();
		...
	}
}

其實呢個問題… 都幾荒謬… 不過可以玩謝好多 developer…Adobe o既 Technote 有詳細解釋~
http://kb.adobe.com/selfservice/viewContent.do?externalId=3637d5c3&sliceId=1English title: How to download a file in Flex using FileReference

Related posts

  • Essential ActionScript 3.0 and ActionScript 3.0 Design Patterns (0)
  • PURE ACTIONSCRIPT vs FLEX vs LASZLO (0)
  • Google 同 Yahoo! improve Flash indexing (0)
Comments
No Comments »
Categories
Flex
Tags
ActionScript, Adobe, download, filereference, Flash, Flex, Flex FAQ, javascript, urlrequest
Comments rss Comments rss
Trackback Trackback

Essential ActionScript 3.0 and ActionScript 3.0 Design Patterns

Vicker | August 7, 2007 | 10:14 pm

今日黎左兩本書… 唔知點解用 Amazon 訂書寫 CityU 地址特別快收到書…
比起 Amazon 既 estimate date 早左 17 日…

兩本新書係 Essential ActionScript 3.0 同 ActionScript 3.0 Design Patterns
唔知道由幾時開始鍾意左 design patterns~
以前明明最憎 OO… (唔… 心照… 唔夾就係唔夾…)

07082007082.jpg

Essential ActionScript 3.0 真係好有貨~ 成千頁… 又有排睇
比起上一集厚左好多~ 好快咁掃左 TOC 好詳細~ 似係由淺入深~
比較起 ActionScript 3.0 Design Patterns 就好似深好多~ 有好多少聽既 patterns

07082007083.jpg

Flash, ActionScript 同 Flash d 書愈黎愈多~ 唔知幾時先睇得完…
(Chocobo 你幫我睇埋佢啦~ 哈哈)

07082007084.jpg

Related posts

  • Flex FAQ #3: 點樣用 Flex FileReference 下載檔案 (0)
  • Adobe Certified Flex 2 Developer Examination 合格~! (0)
  • 實力? 運氣? 我信運多 d… (0)
Comments
No Comments »
Categories
Daily Life, Flex
Tags
ActionScript, Adobe, Amazon, chocobo, CityU, design pattern, Flash, Flex, OO, oreilly
Comments rss Comments rss
Trackback Trackback

時光倒流第一集 - Adobe Flex Workshop

Vicker | January 23, 2007 | 1:26 am

又幾個月唔打 blog 喇~ 哈哈
想我堅持日日打都幾難~
呢排時間應該鬆少少既~ 打下啦
如果唔係將來就唔知以前做過 d 乜架喇…

呢幾日回顧返以前 d 野先~
(排名不分先後)

之前去完 Las Vegas 應承過 John 要o係香港攪返 d user group 既野
前排忙晒 plagiarism d 野於是就落手落腳去攪~
攪左一次 Adobe Flex 既 workshop 比 CS 既同學~
雖然o個日係平安夜~ 但係都有唔少人捧場~ 大家都好比面~

成個 workshop 分開兩 part
Part 1 講左 Adobe 既 product line
Part 2 就 hands-on 教 Flex 2
(無 Flex Builder… 用 SDK 既日子唔容易過… 成日要睇 doc… 真係唔好意思…)

大家都始乎對 Adobe Flex 可以做到既效果好感興趣
希望真係有好多人寫然後慢慢發展成 user group 啦~

P.S. John 超好人呀~ 3 日就將成大箱 Flex promotion item 寄過黎~ Thanks!

061224_flex_1

061224_flex_2

Related posts

  • Sometimes I hate Flex… Sometimes (0)
  • Flex FAQ #5: 點樣做 Full Screen Application (0)
  • Flex FAQ #3: 點樣用 Flex FileReference 下載檔案 (0)
Comments
No Comments »
Categories
RIA
Tags
Adobe, Flex, Flex Builder, John Koch, user group
Comments rss Comments rss
Trackback Trackback

實力? 運氣? 我信運多 d…

Vicker | September 29, 2006 | 12:50 am

民生書院
Library Club
蕭 Sir
Computer Club
民生網頁
Flash
CityU
Computer Science
Wen (EN)
Andy
FLABER
Adobe
FYP Exhibition
Pan-Pearl River
Innovation Scheme
……
HKICT Awards
Innovation Festival
Adobe MAX
APICT Awards

唔~~ 數下手指又十年…
其實我講黎講去都係o個句… 上天o係我做野上面都真係對我不薄~
好似我行到邊~ 條路就去到邊咁~ till now 都無乜大挫折

好多人都會話我勁… 但係我每一次都係答o個 3 個字… “好彩者”
實力同運氣兩樣野~ 如果你問我邊樣對我影響大 d… 我會話運氣
唔係話我覺得自己無實力~ 而係就算我實力更強大都好啦~ 無運氣都只會一事無成

我好高興到今日為止既我都係 “有付出就有收穫” 既人~
當然最重要既係o係我行既路上面有好多唔同既貴人扶我一把~

總之~~ FLABER 2.0… 我會努力 ga lar ~___~ 哈哈~

Related posts

  • 時光倒流第二集 - Thanks FLABER (0)
  • 30 吋 Mac 機王~ (0)
  • 繁忙的秋天 (0)
Comments
No Comments »
Categories
Daily Life
Tags
Adobe, Adobe MAX, Andy Chun, APICTA, CityU, computer club, computer science, FLABER, Flash, FYP, HKICTA, library club, luck, Macromedia, Munsang College, wen
Comments rss Comments rss
Trackback Trackback

Meta

  • Register
  • Log in
  • Entries RSS
  • Comments RSS
  • WordPress.org

Certification


Adobe MAX 2008

Categories

Archives

Tag Cloud

depth manager FYP the core ActionScript hea UI Battlenet Densha Otoko ACSS WYSIWYG sitemap Chris Liang CityU braille AIR job hunting WMV MOV exhibition freelance AdvancedDataGrid HKICTA form gundam Yahoo Flex PS2 textfield Eva Shi SEO birthday Andy Chun flysbookmark Misaki Ito form assembly HTML John Koch algorithm JAWS MovieClip blog Macromedia bobby W3C accessibility Apple APICTA good dog u Web Usability presentation Flash frame OSS music textformat Adobe MAX web page Flex Builder family design pattern Flex FAQ Molyx meta WCAG Experts Exchange Hacken Lee CSS Laszlo color XML Adobe color selector Lego protoype Tim Shiu prototype flv validation stylesheet webxact Mac Cyber Formula Gary Wong YouTube Munsang College suck bt OO flash video encoder WarCraft FLABER Google include XHTML flysforum VideoDisplay PHP component business hyperlink

Flickr

469790470_55a3908526_b 0601_flaber_0_4_7.jpg DSCN4320 469811325_48b2617196_b eva_fyp_dcs.png 11092007101.jpg 467138530_19ab43538e_o iad2.jpg msc_bio_v3_2.png csgame2.jpg msc_bio_v1_3.png CIMG0763 msc_bio_v2_1.png 467149871_292083b8cc_o munsang2.jpg msc_bio_v1_1.png DSCN4377 11092007102.jpg

Blogroll

  • Eva’s Blog
  • Way’s Blog

RSS FxAIR.org

  • ActionScript for Random Numberic Text Lucky Draw
  • Post in cookbook to win a copy of Flex 3 Pro
  • Adobe Flash Player 10 Release is out
  • Adobe CS4 Launch Seminar
  • Flex 3 + external swf with embedded video
  • Flex & AIR @ BarCamp Hong Kong on 6 Sep.
  • Mojave Experiment by Microsoft
  • FotoViewr beta
  • RIAJobs
  • Cairngorm on opensource.adobe.com
rss Comments rss valid xhtml 1.1 design by jide powered by Wordpress get firefox