2010年5月1日 星期六

flex 4 App透明背景(transparent background)

transparent background (透明背景) in flex SDK 4

跟以前flex 3的做法不太一樣,原因在於Spark元件的設計架構與前一版Halo理念不大相同

flex 4 的 s:Application 沒有backgroundAlpha這個屬性?!,昨晚測了很久才發現是烏龍一場
主要作法如下:

1. 建立一個自訂的skin MXML file,並在App中引入, ie. skinClass="transparentSkin"

2. 找到flex SDK 4中的ApplicationSkin.mxml,將內容複製到自訂的Skin file,略做修正

 
  
 



3. 在flash builder 4專案,設定html-template資料夾中的index.template.html加入這行:
params.wmode = "transparent";


參考資料:
  1. Flex Spark application background alpha
  2. How to create transparent application background – Spark SDK
  3. Transparency for Flex 4/Spark Applications

沒有留言: