使用actionscript binding function

今天有同事問到如何使用純as動態綁定函數於是順便研究一下相關作法.
以下範例主要是透過BindingUtils.bindProperty並傳入自己創建的Chain object來完成動態綁定函數及額外的參數更新.

<?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" creationComplete="init()"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> <fx:Script> <![CDATA[ import flash.utils.getTimer; import flash.utils.setInterval; import mx.binding.utils.BindingUtils; import mx.events.FlexEvent; protected function init():void { initBinding(lbl2, "this is lbl2"); setInterval(function():void { dispatchEvent(new Event("sayHello")); }, 1000) } protected function initBinding(obj:Object, value:String):void { var chain:Object = { name: "sayHello", value: value }; chain.getter = function(host:Object):String { return host.sayHello(chain.value); } BindingUtils.bindProperty(obj, "text", this, chain); } [Bindable(event = "sayHello")] public function sayHello(value:String):String { return "sayHello:" + value + ", time:" + getTimer(); } ]]> </fx:Script> <s:VGroup paddingTop="5" paddingLeft="5"> <s:Label id="lbl" text="{sayHello('this is lbl')}"/> <s:Label id="lbl2" text=""/> </s:VGroup> </s:Application>

(Read more...)

從MX Datagrd 升級至 Spark Datagrid 的簡易筆記心得

從MX Datagrd 升級至 Spark Datagrid 的簡易筆記心得

最近因為Flex 4.5版relase了spark版本的datagrid, 剛好手頭上案子正在進行改版的動作,於是趁這次機會順便升級成spark datagrid, 因為flex4引入了skin的機制, 在UI切換的使用上更潮靈活.不過畢竟兩種組件設計架構的差異性很大, 在升級中時常會遇到一些轉換上的問題.
以下為遇到與之前mx datagird不同行為的簡單筆記與解法 :




1 . 沒有ListEvent.ITEM_CLICK事件
解法 : 可以監聽datagrid.grid.addEventListener(GridEvent.GRID_CLICK, gridClickHandler);

2. 沒有ListEvent.ITEM_DOUBLE_CLICK事件
解法 : 可以實作itemrenderer並在itemrenderer dispatch doublie click event.

3. 沒有DataGridEvent.HEADER_RELEASE事件
解法 : 可以監聽datagrid.columnHeaderGroup.addEventListener(GridEvent.GRID_CLICK, headerReleaseHandler);


*4. 重新設定新的datagrid column IList collection時, 這在mx datagrid會保持原本的selectedItem/selectedIndex,
但spark datafrid會在下一個影格將selectedItem/selectedIndex重新設為null.
解法 :
- 不要重新設定新的colleciton, 保持一份collcetion以removeall/addItem function來做更新.
- 如果還是要設定新的collection,可以使用UIComponent.callLater重新更新datagrid selectedIndex迴避這個問題
ex :
var tIndex:uint = datagrid.selectedIndex; this.callLater(function():void { datagrid.selectedIndex = tIndex; }); 5. 沒有useRollOver="false" style可以設定.
解法 :
如果不要rollover效果可以新建一個spark.skins.spark.DataGridSkin把裡面的hoverIndicator移除掉.

先筆記到這裡, 有時間在更新其他升級相關遇到的問題...
以上這些解法也許有更好的解決方法, 也歡迎大家留言告知, 大感謝!
(Read more...)

Molehill 2D繪圖測試

Molehill 2D貼圖旋轉測試 ( 需安裝 Flash Player Incubator )

Molehill API  是支援GPU加速的低階3D API，目前公開的資料還不多，AGAL又是組合語言相當苦手( ;; ´ Д ` )人( ´ Д ` ;; )，只好吃苦當吃補。


以下連結是這幾天研究Molehill幫助很大的文章 :

組合語言 wiki

Flash molehill 簡單例子

AGAL心得筆記

My Name is AGAL, and I Come from Adobe – Part1

agalminiassembler-primer

Molehill-roundup



(Read more...)

利用include as的方式新增/覆寫類別函數

 

利用include as的方式新增/覆寫函數, 可以使多種類別include需要的as而做群集性新增/覆寫函數.

 

- AddMethods.as

override public function sayHello():void { trace("Hello!"); } public function sayHello2():void { trace(this, " : Hello!"); }

- A.as

package { public class A extends SuperA { include "include/AddMethods.as"; } }

- B.as

package { public class B extends SuperB { include "include/AddMethods.as"; } }

- Main.as

package { import flash.display.Sprite; public class Main extends Sprite { public function Main() { var a:A = new A; a.sayHello2(); var b:B = new B; b.sayHello2(); } } }

 

範例檔案下載

(Read more...)

Flex Menu客製化上下捲動子選單

這是實作Flex Menu加入客製化的上下捲動子選單, 在rollover up and down時捲動子選單.
以下為效果展示Demo:

(Read more...)

用XML當做Dictionary的key值取出為undfined?

昨天在做Dictionary測試時本來用xml當做key mapping, 結果卻發現用迴圈將xml內資料重新取出return的值卻是undefined.

目前還在找原因為何:S

以下為示範code:

package { import flash.display.Sprite; import flash.utils.Dictionary; public class DictionaryKeyTest extends Sprite { public var data:XML = <root> <node label="node1" /> <node label="node2" /> <node label="node3" /> </root> public var nodes:Array = []; public var dict:Dictionary = new Dictionary(); public function DictionaryKeyTest() { //測試目的:用XML當做Dictionart key重新取出的值為undefined var key:*; for (var i:int = 0; i < data.*.length(); i++) { key = data.*[i]; nodes.push(key); dict[key] = "nodedata" + i; } for (i = 0; i < data.*.length(); i++) { key = data.*[i]; trace("isEqual:", key === nodes[i]); // return true trace(dict[key]); //return undefined trace(dict[nodes[i]]); //return value } } } } (Read more...)

撲克牌牌型排列組合

最近迷上了一款iphone game : sword & poker, 這款遊戲是運用撲克牌牌型做組合給予敵人傷害的回合制rpg, 相當的耐玩.

因此這幾天花了點時間找資料研究關於撲克牌牌型的演算法, 以下為成果:

希望有機會也能來嘗試作作這類型的遊戲. :D

(Read more...)