RichMedia+

論壇上有人問到 Chrome 瀏覽器上跨域 iframe 會出現 Flash 安全性的警告 而且在 Google Code 上也有人提出相同的問題 http://code.google.com/p/swfobject/issues/detail?id=481 http://code.google.com/p/chromium/issues/detail?id=76748 反覆測試之後，將問題簡化如下： a.com 下的 HTML 網頁，包含一個 b.com 來的 iframe 網頁 b.com iframe 網頁內使用 javascript touch 一下 window.top.location a.com 在 onload 完成後，動態建立一 Flash 物件 Flash 物件內透過 ExternalInterface 呼叫任何 Javascript Function 得到以下錯誤訊息 SecurityError: Error #2060: 執行程序安全性違規：ExternalInterface 呼叫者 http://a.com/flash.swf 無法存取 [object]。 at flash.external::ExternalInterface$/_initJS() at flash.external::ExternalInterface$/call() at [...]

Flex控件一向是Adobe代码规范的典型之作。 Flex SDK 4.5之后本身在现有组件和外观进行了代码优化，而且新的移动端就绪组件多出来不少，若直接用ActionScript工程的同学，大可以参考Adobe写的代码，可以避免很多弯路还有能更加快速的学习。 Flex就绪核心组件 控件 Components BusyIndicator（新增组件） Button（新的移动主题） ButtonBar（新的移动主题） CheckBox（新的移动主题） HSlider（新的移动主题） Image（还支持 BitmapImage） Label（新的移动主题） List（支持触摸滚动，含滚动指示符，若移动工程，默认开启） RadioButton/RadioButtonGroup（新的移动主题） TextArea（新的移动主题） TextInput（新的移动主题） 排版 Layout BusyIndicator（新增组件） DataGroup Group HGroup Scroller（支持触摸滚动，含滚动指示符，若移动工程，默认开启） Spacer TileGroup VGroup 视图 Charts 全部all 标准移动应用程序结构 View 基本移动UI容器，每个视图都可以是个View。 actionBarVisible可以设置View上方的标准标题组件是否可见。 和tabBarVisible可以设置下方TAB按钮组件是否可见。 ActionBar 位于View上方的标准标题组件 ViewMenu 从下方弹出的标准菜单组件 ViewNavigator 基于堆栈的历史记录机制管理应用程序中的 ActionBar 和 View 集 为了节省内存消耗，ViewNavigator 在默认情况下将确保任何给定时刻内存中只有一个视图。但它会将之前视图的数据保留在已丢弃的堆栈中，以便用户返回之前的视图时，可使用合适的数据重新将它实例化。 ViewNavigatorApplication 同ViewNavigator，只是更加高级版本的应用程序类，默认支持硬件操作的后退功能。 还提供一种当应用程序退出时保留应用程序视图状态和数据的方式，这样当应用程序下一次启动时，它可以使用相同的当前视图和视图历史记录恢复自己。 TabbedViewNavigator TabbedViewNavigator 类是管理视图导航器容器集合的容器。一次仅一个视图导航器处于活动状态并可见。 [...]

Flex4.5出来之后最有影响力的莫过于移动开发方面的发展，目前移动端开发通常指的是最有影响力的Android和iOS平台。如果要用Flash/Flex开发移动端程序，目前开发iOS必须是AS工程，而Android可以为Flex工程和AS工程，用Flex开发iOS程序会在稍后的版本推出。 契机： Android程序一般用Java开发，而iOS一般用Objective-C开发，而用同一种语言开发完之后一次性同时部署再两大系统的也只有Actionscript语言。这也给了Flash/Flex者参与移动互联网开发大潮中得一次机会。 注意： Flash打包的iOS程序其实是完全转换成Objective-C的ByteCode，而这样，撇开本身代码质量而言，转换的算法是非常关键的。 Android上部署的app还是需要Android 2.2以上和Adobe AIR 2.6以上的支持，也就是说，要运行Flash打包的Android程序，移动端必须要装有Adobe AIR，如果没有，它会自动下载AIR runtime。目前Flex4.5之后，对移动端优化的控件越来越多，但是真正符合项目需求最优化的还是需要手动自己写。而且这样打包出来的程序毕竟还是要运行在AIR runtime上面，比起直接用Java写得程序而言，性能方面肯定是用Java写得好，特别是桌面版本AIR在性能方面一直不敢令人信服的背景下。 关键点： 1.Adobe继续对移动端的优化，在Android平台上，最好做到能像iOS平台一样没有AIR runtime的需求。 2.Adobe对SDK的进一步更新和优化（Adobe势必会投入很大力量，因为移动互联网与人的生活越来越紧密联系在一起）。 2.移动端硬件方面进一步提升（每年都产生很大变化）。 因此综合所述，Flash/Flex 移动端开发的优势还是在于一次开发同时部署，而且对企业还是客户来讲，都省下了一笔不小的成本。只要Adobe公司能继续努力，Flahs/Flex在移动互联网的前景还是一片光明的。 我也将继续写一些Flash/Flex移动端开发的文章，敬请关注，谢谢。

昨天 Erin 問了一個關於 Flex 4 State Name 問題 Flex 3 State Name 是可以不要寫死，Binding 到一個常數的 可是 Flex 4 卻不能這樣作，因為 Flex 4 多了很多 Inline State 增強語法 這些功能主要都是在編譯期完成的 所以 Flex 4 Compiler 禁止 State Name Binding 功能 Flex 4 文件上的說明 Using Flex 4.5 – Creating view states Note: View state definitions are processed at compile time. Therefore, you [...]

去年公司的設計作 Flash Banner 時，遇到一個奇怪的問題 大量使用 Filter, Blend Mode, Alpha, Mask 之後 (這是不良的習慣，請勿仿效) 最終渲染的結果圖片上會出現奇怪的斑點 可明明用的都是 Hard Light，圖片也都是高亮色系 怎麼反而出現暗色斑點呢? 經過反覆測試，拆解之後 發現主要會出現問題的是 Hard Light, Overlay 這兩種混色模式 當一個 MovieClip 套用這兩種混色模式，且後面的背景是純白色時 前景再疊上一層帶有 Alpha 50% 左右的色塊 就很容易產生問題 以下則是使用 Flex 4 MXML 作更進一步的測試程式： <?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"> <fx:Library> <fx:Definition name="HRule"> <s:Line width="100%"> <s:stroke><s:SolidColorStroke color="#000000" /></s:stroke> </s:Line> </fx:Definition> <fx:Definition name="Border"> [...]