跳到主要內容

AIR3.0 Native extensions Example Part1

大家好,我是奶綠茶
Adobe AIR3.0 即將發怖
其中最酷的新功能就是可以呼叫原生的程式
在這奶綠茶我就以 Android 來做個 Demo。
1.呼叫 Android toast

2.呼叫 Android AlertDialog

3.呼叫 Android DatePickerDialog(非同步,並得到所選的日期回傳給 flash)


4.List Dialog

5.得到 DeviceID

教學Step:
1.下載 AIR3.0 SDK(目前是 RC 1 3.0.0.388)
http://labs.adobe.com/downloads/air3.html

2.安裝 FlashDevelop4
3.安裝 Ant (方便下 Command Line, 不裝也可以)
http://ant.apache.org/
4.安裝 AntPlugin for FD4
http://code.google.com/p/fd-ant-plugin/

5.FlashAction3
AIR3.0裡,多出了一個 ExtensionContext 類別,用來呼叫原生的程式碼
var extension:ExtensionContext = ExtensionContext.createExtensionContext("Native ID", null);
其中Native ID指的是你要呼叫的 id 名稱
同時要在你的 application.xml 宣告

<extensions>
<extensionID>milkmidi.air3.demo</extensionID>
</extensions>

結著就可以使用
extension.call("funcationName", ...params);
來呼叫
如果是同步的話,extendsion 就會直接 return 值
非同步的話,就使用 addEvetnListener( StatusEvent.STAUS ) 來偵聽

6.Android 端
使用 Eclipse 開啟新的 Android Project
將 AIR3.0 SDK 裡的 lib\android\FlashRuntimeExtensions.jar 加到 Complie Path 裡
public class AIR3Context extends FREContext implements FREExtension{

	private static final String TAG = "[AIR3Context]";
	
	@Override
	public FREContext createContext(String pType) {
		log(pType); // pType 的值會由 flash 端 ExtensionContext.createExtensionContext("ID" , ”這兒決定” );
		return new AIR3Context();
	}
	@Override
	public void initialize() {
		log("initialize()");
	}
	
	@Override
	public Map getFunctions() {
//注冊 function 名稱。
		HashMap result = new HashMap();
		result.put("toast", new ToastFREFunction());
		result.put("alertDialog", new AlertDialogFREFunction());
		result.put("timePickerDialog", new TimePickerDialogFREFunction());
		result.put("devices", new DevicesFREFunction());
		result.put("itemListDialog", new ItemListDialogFREFunction());
	    result.put("googleMap", new GoogleMapFREFunction());
	    return result;
	}
	
	@Override
	public void dispose() {
		log("dispose()");
	}	private void log(Object o){
		Log.i(TAG, o+"");
	}

}
將 Android 裡的 java 檔,打包成 .jar格式

7.Package Native Extensions
這裡我卡了很久,參考了許多文章和不斷的失敗,才有一些心得
要先寫一隻和 Native 呼叫用的 class,  並將其打包成 swc 格式
然後將 swc 解壓縮, 取得裡面的二個檔案
寫一隻 extension.xml 用來說明 Native , 長成這樣

<extension xmlns="http://ns.adobe.com/air/extension/2.5">
<id>milkmidi.air3.demo</id>
<versionNumber>1.0</versionNumber>
<platforms>
<platform name="Android-ARM">
<applicationDeployment>
<nativeLibrary>milkmidi.air3.demo.jar</nativeLibrary>
<initializer>milkmidi.air3.demo.AIR3Context</initializer>
<finalizer>milkmidi.air3.demo.AIR3Context</finalizer>
</applicationDeployment>
</platform>
</platforms>
</extension>
接著透過 Command line 的方法,將一堆東西打包成 xxx.ane
還好有善心人事將這一切的動作,包成了 Ant 用的 xml 格式
你只需要呼叫即可
原文如下
http://blog.aboutme.be/2011/09/12/air-native-extensions-hello-world-example-ant-script/

結論:
AIR3.0 可以呼叫原生的類別,但前提是”你還是需要自己寫原生的類別來給flash端呼叫”
想在 iOS 上用的話, 還是要乖乖寫一下 xCode。
但至少是一大進步, 其待正式版的到來。


參考文章:
http://www.leebrimelow.com/?p=2995
http://akabana.info/2011/08/11/air-native-extension-series/
http://www.adobe.com/devnet/air/articles/extending-air.html

轉載請註明出處:
http://milkmidi.blogspot.com/2011/09/air30-native-extensions-example-part1.html
AS source code
Android source code

留言

匿名表示…
原來你也在天地會阿~
之前拜讀過你的Robotlegs~幫了我不少忙~
這次又是你回答我~真該叫你聲大哥了阿~
回歸正題~"~
所以作出ane以後~
就只要adt -extdir去包~
就可以跑了嗎~
因為我本身是用FB FLEX開發的~
Debug模式一直失敗~
milkmidi寫道…
用 FlashBuilder 應該也是可以
但一定要實機測。
不然發怖會不過
通樂超人寫道…
奶老師好,想請教老師,我目前的手機是sony Ericsson XPERIA X10 Aindoid升級到2.3.3,我用FlashDevelop4寫了一個程式,當一個.png檔在畫面上EnterFrame移動時很順,只要有兩顆球以上就會lag,請問是硬體不夠力...還是?
milkmidi寫道…
聽起來像是硬體不夠,換一隻機子測測看呢
Toshi表示…
奶老師, 可否講解一下怎樣用Ant + FD 嗎? 謝謝...
Mason寫道…
請教個問題, 有辦法讓 native program (C or C++) 呼叫 ActionScript 2.0 的 function 嗎? 謝謝
milkmidi寫道…
AS2完全做不到這樣的功能

這個網誌中的熱門文章

奶綠茶新書上市_密技公怖_程式碼下載

奶綠茶第一本 Flash 書籍上市啦 博客來書籍館 Flash 3D 特效宅急便 - 商業範例隨學隨 把我對 Flash 的研究與熱愛, 全寫在其中 本書的前幾章, 特別安排 ActionScript3.0 的許多範例 好讓你一步步瞭解 as2 和 as3 的差別 再安排製作動畫不可缺少的 Tweener 類別和一些常用的數學動畫公式 最後當然就來到本書的重點 PV3D 啦 從 PV3D 的原理, 基本架構一點一點的介紹 再透過許多實用的範例, 從中瞭解 PV3D 製作的小技巧 有任何書籍相關的問題, 也請不吝指教 感謝一路走來, 幫助過我的前輩們, 邦邦、Ticore、神魂、Maso、Erin 旗標出版社 小編 Bready 米蘭數位所有夥伴 米蘭數位ActionScript Team:Jason,Ash,Mark 本書大鋼: 1.ActionScript3.0概論 分析AS3的概念與語法, 從基本的滑鼠事件、外部載入、氣泡事件介紹起 適合熟悉AS2, 想轉戰AS3的人員。 2.程式碼製作動畫 使用簡單的數學公式, 套用到程式裡, 脫離死版的影格動畫。 3.製作動畫的好夥伴:Tweener 除了套用數學公式外, Tweener類別也能加速我們開發出更多的動畫效果, 不需辛辛苦苦的找公式。 4.自定類別 AS3的精神, 是在於強大的物件導向, 當然也要熟悉類別的寫法與使用。 5.Flash3D - Papervison3D 如果在Flash玩轉3D效果, PV3D是最好學, 最快上手的3D Flash Engine, 從簡單的3D概念, PV3D類別, 事件等。 6 漫天飛舞的Paper3DWorld效果 7 迷你旋轉木馬式秀圖效果 8 最經典! CoverFlow 圖像展示效果 9 天旋地轉 TiltViewer效果 10 FlatWall3D電視牆效果 11 經典旋轉木馬 Carousel3D 秀圖效果 12 光源材質展示與簡易型的方塊彈跳效果 13 載入外部3D模型與動畫 14 超立體旋轉九宮格 Box3DWorld 15 空間感與透明感兼具的 SpaceGallery 16 螺旋式 SpiralCarouse 影像展示 17 Flash10 3D功能 18 Flash效...

奶綠茶photoGalleryV3.5

奶小茶的photoGalleryV3.5原始檔 2007/12/30 更新小Bug,請重新下載 線上Demo: http://milkmidi.com/photogallery/galleryv3.html 1.支援SWFAddress,讓FLASH可以有上一頁下一頁和每張獨立網址的功能 2.圖片路徑圖說經由XML來設定 3.背景依據顯示圖片,自動變化成最接近的顏色 4.非商業用途,歡迎使用並修改(如果覺得我製作的好,也煩請加入我的logo) 5.可結合後端伺服器 00.art 相本集資料夾 com 奶綠茶的Class檔 swfaddress SWFAddress資料夾 swfobject swfobject資料夾 XML galleryV3.fla 原始檔 index.html 主檔html SWFAddress.as SWFaddressEvent.as Source Code Download 解壓密碼:回覆文章,即可看見Password

FLARToolKit

什麼是FLARToolKit 簡單來說, 就是透過Webcam, 將虛擬的物件與真實的世界結合, 呈現在使用者的畫面 Demo影片: http://www.youtube.com/watch?v=TW6_X9qBeds&feature=related Youtube有許多相關的影片。 一開始的版本並不是Flash, 後來日本的程式設計師 Saqoosha 將其改寫成Flash版 並搭配PV3D。 你可以下載其原始碼來研究, 程式碼都是公開的。 http://www.libspark.org/wiki/saqoosha/FLARToolKit/en http://saqoosha.net/flartoolkit/start-up-guide/ 要玩這個技術, 需要具備幾個點: 1.熟悉FlashActionScript3.0 , 特別是類別的部份。 2.略懂PV3D的架構, 因為裡面是用到PV3D的核心Engine。 3.需要有一台Webcam, 4.開始玩樂吧。 即然跟Flash有關, 而且也是PV3D, 奶小茶我當然是不會錯過 使用的是官網的Focus 3D模型車和FlarToolKit製作的Demo, 原始碼官網都有提供喔。 PV3D的相關課程, 可以參考 飛肯學苑 奶老師所開設的PV3D班。 奶小茶Demo的原始碼按我下載