Skip to main content

[AS3] Data Binding in AS3 project

使用 Flex 開發過一陣子後,對於 [Bindable] 這個懶人 tag 有說不出的喜愛,然而在 Flash 中利用 Proxy 其實也可以達到相同的功用...但是 Flex SDK 免費擺在那邊不好好使用太對不起自己了...

在參考了 Ticore's Flex 2 Bindable Metadata Tag 背後實際作用 ( Ticore 萬歲!!),其實只需要將 Flex SDK frameworks/libs/framework.swc 包加到 Flash library 下,就可以使用 Flex 的 Binding 機制來達到綁定。前提是提供綁定的 host 屬性需要有 [Bindable] 才有作用,所以下面範例無法直接將 txt.text 與 txt1.text 綁定,需要透過 [Bindable] string:String 來做中介。

以下使用 FlashDevelop or Flex Builder 來編寫:

package {
import flash.display.Sprite;
import flash.events.Event;
import flash.text.TextField;

import mx.binding.utils.BindingUtils;

[SWF(width='400', height='300', backgroundColor='#ffffff', frameRate='30')]
public class TestBindable extends Sprite
{
public var input:TextField;

[Bindable]
public var string:String = "";

public function TestBindable()
{
if( stage ){
init();
}else {
addEventListener( Event.ADDED_TO_STAGE , init );
}
}
private function init(event:Event = null):void{
if( event ) removeEventListener( Event.ADDED_TO_STAGE , init );
var txt:TextField = new TextField;
input = new TextField;
input.type = "input";
input.border = true;
input.y = 50;
addChild( txt );
addChild( input );
input.addEventListener( Event.CHANGE , onChange );
BindingUtils.bindProperty( txt, "text" , this, "string" );
}
private function onChange(event:Event):void{
string = input.text;
}
}
}

Comments

  1. 原來是可以搭配AS來處理的啊!
    我一直以為只能搭配MXML才能動

    ReplyDelete
  2. 請問可以在Sprite容器嵌入Spark / MX的Button等物件嗎?
    找好久都找不到相關資訊的說……

    ReplyDelete
  3. 不行,請改用 Flash Builder 吧...

    ReplyDelete

Post a Comment

Popular posts from this blog

[Unity] erinylin.lazylib - Cookie for PlayerPrefs

有鑑於 PlayerPrefs 測試與版本更新問題,將大家都愛用的 PreviewLabs.PlayerPrefs 打包起來,製作重點還是以懶人為主,基本上 PlayerPrefs 資料更新與數量並不可能會有強烈衝擊效能的狀況產生,所以為了方便開發,就弄了一個視覺化工具,方便除錯用。

雖然 PreviewLabs.PlayerPrefs 作者都宣告放棄他們的版權,不過為了尊重程式,僅僅加入了兩個公用函式,其他並無更改。

內有:
Cookie ManagerCookie 用 DataObject 混合編輯 ScriptableObject執行階段除錯視窗工具當然還是有懶人常數檔案輸出資料版本控制,方便更新版後儲存資料更新功能其實很多,有興趣的請自行到 Github 下載並參考範例吧!

[AIR] JoSiResize - Mobile 開發小工具

JoSiResizev0.6.0,Adobe AIR 3 runtime之前開發 tool app 的時候並沒有很深刻的體認到圖片素材的 resize 是一個很麻煩的事情...畢竟圖片使用量並不大,等到開發遊戲類的 app 才發現光處理不同螢幕尺寸的圖片素材是一個相當折磨人的工作。
因此 JoSiResize app 誕生了~~~原理是採用最小 scale 長寬比例不變的方式進行放大縮小。使用方法非常簡單,設定好變更的尺寸,接下來,將需要處理的圖片檔案全選直接拖曳到視窗內,畫面即會跳出預備儲存的檔案夾選擇畫面,確認後即開始轉檔。

[Mac app] 開啟 Mac OSX 中自帶的 Color Picker 並加上 HexColorPicker 功能

參考出處:Mac — Adding Hex Color Picker to Color Picker

Mac app store 上有很多 Color Picker app,差不多 98% 都是需要付費,而這個小工具恰恰是開發中不可缺少一個東西。其實 Mac OSX 中就有自帶一個 ColorPicker,秉持著 DIY 的精神,用幾個小步驟就可以組合出顯示 Hex 色碼的 ColorPicker.app。

Mac 系統需求:10.4 and up