memo.at sonic

AS3でAIR - ファイルのドラッグドロップ

2009年4月20日 21:15

今更ながら仕事でAIR触ったからメモ。

XMLをドラッグドロップしてどーのこーの、
ってアプリを作ったから、まず基本のドラッグドロップを。

↓とりあえず必要なAIRのクラスファイル読み込み。あとはファイルのドラッグ中、
「エリア内にカーソルが入ったとき」
「カーソルが外れたとき」
「ドロップしたとき」
のイベントを登録して、その処理を入れれば良い。

/*
 * addListener
 *
 */
private function addListener():void
{
	//ドラッグ中、エリア内にカーソルが入った時、外れたとき、ファイルをドロップした時、
	//それぞれのイベントを登録
	addEventListener(NativeDragEvent.NATIVE_DRAG_DROP, onDrop);
	addEventListener(NativeDragEvent.NATIVE_DRAG_ENTER, onEnter);
	addEventListener(NativeDragEvent.NATIVE_DRAG_EXIT, onExit);
}
/*
 * onExit
 *
 */
private function onExit(event:NativeDragEvent):void
{
	//ドラッグ中カーソルがエリアから外れた時の処理
}
/*
 * onEnter
 *
 */
private function onEnter(event:NativeDragEvent):void
{
	//ドラッグ中カーソルがエリア内に入った時の処理
	var cb:Clipboard = event.clipboard;
	if(cb.hasFormat(ClipboardFormats.FILE_LIST_FORMAT))
	{
		NativeDragManager.acceptDragDrop(this);
	}
}
/*
 * onDrop
 *
 */
private function onDrop(event:NativeDragEvent):void
{
	//ファイルをドロップした時の処理
	var cb:Clipboard = event.clipboard;
	//ドロップしたファイルは配列に格納
	var file_array:Array = cb.getData(ClipboardFormats.FILE_LIST_FORMAT) as Array;
	//複数ファイルをドロップ出来るけど、今回は1ファイルの時用だから配列の最初のファイルだけ
	var XMLFile:File = new File(file_array[0].url);
	//XMLを拡張子で判別
	if(XMLFile.extension == "xml")
	{
		try
		{
			//ドロップ成功時の処理
			
			//拡張子を抜かしたファイル名の取得
			var fileName:String = file_array[0].name.split(".")[0];
			//ファイルの中身の取り出し
			var stream:FileStream = new FileStream();
			stream.open(XMLFile, FileMode.READ);
			var data:String = stream.readMultiByte(XMLFile.size, "UTF-8");
			xml = new XML(data);
		}
		catch(event:IOError)
		{
			//読み込み失敗時の処理
		}
		finally
		{
			//読み込み終了時の処理
			stream.close();
		}
	}
	else
	{
		//ファイルがXMLじゃない場合の処理
	}
}

複数ファイル読み込みの場合は、
ファイルが全てXMLかどうかの判定とか入れなきゃだけど、
とりあえずこんな感じ。

あ、SpriteとかMovieClipとか、DisplayObjectなら多分なんでも大丈夫。
今回は画面と同じ大きさの透明のSpriteに設定する想定。

≪ 続きを隠す

↓とりあえず必要なAIRのクラスファイル読み込み。あとはファイルのドラッグ中、
「エリア内にカーソルが入ったとき」
「カーソルが外れたとき」
「ドロップしたとき」
のイベントを登録して、その処理を入れれば良い。

/*
 * addListener
 *
 */
private function addListener():void
{
	//ドラッグ中、エリア内にカーソルが入った時、外れたとき、ファイルをドロップした時、
	//それぞれのイベントを登録
	addEventListener(NativeDragEvent.NATIVE_DRAG_DROP, onDrop);
	addEventListener(NativeDragEvent.NATIVE_DRAG_ENTER, onEnter);
	addEventListener(NativeDragEvent.NATIVE_DRAG_EXIT, onExit);
}
/*
 * onExit
 *
 */
private function onExit(event:NativeDragEvent):void
{
	//ドラッグ中カーソルがエリアから外れた時の処理
}
/*
 * onEnter
 *
 */
private function onEnter(event:NativeDragEvent):void
{
	//ドラッグ中カーソルがエリア内に入った時の処理
	var cb:Clipboard = event.clipboard;
	if(cb.hasFormat(ClipboardFormats.FILE_LIST_FORMAT))
	{
		NativeDragManager.acceptDragDrop(this);
	}
}
/*
 * onDrop
 *
 */
private function onDrop(event:NativeDragEvent):void
{
	//ファイルをドロップした時の処理
	var cb:Clipboard = event.clipboard;
	//ドロップしたファイルは配列に格納
	var file_array:Array = cb.getData(ClipboardFormats.FILE_LIST_FORMAT) as Array;
	//複数ファイルをドロップ出来るけど、今回は1ファイルの時用だから配列の最初のファイルだけ
	var XMLFile:File = new File(file_array[0].url);
	//XMLを拡張子で判別
	if(XMLFile.extension == "xml")
	{
		try
		{
			//ドロップ成功時の処理
			
			//拡張子を抜かしたファイル名の取得
			var fileName:String = file_array[0].name.split(".")[0];
			//ファイルの中身の取り出し
			var stream:FileStream = new FileStream();
			stream.open(XMLFile, FileMode.READ);
			var data:String = stream.readMultiByte(XMLFile.size, "UTF-8");
			xml = new XML(data);
		}
		catch(event:IOError)
		{
			//読み込み失敗時の処理
		}
		finally
		{
			//読み込み終了時の処理
			stream.close();
		}
	}
	else
	{
		//ファイルがXMLじゃない場合の処理
	}
}

複数ファイル読み込みの場合は、
ファイルが全てXMLかどうかの判定とか入れなきゃだけど、
とりあえずこんな感じ。

あ、SpriteとかMovieClipとか、DisplayObjectなら多分なんでも大丈夫。
今回は画面と同じ大きさの透明のSpriteに設定する想定。

iPhoneにしてみた

2009年4月14日 11:36

思った以上に文字入力が良い感じ。
最初は迷ったけど代えて良かったなぁ。

でも使えるアプリが結構少ない気が、、
そんな中便利なのが↓こいつ

・NuevaSync

これはアプリじゃないけど、iPhoneに最初から入ってる「カレンダー」とGoogle Calendarを同期させられる。
これで「カレンダー」がすごい使えるAppに変身。

あと、ToDo管理Appの「Touch ToDo」。
これはGoogle Calendar上にToDoを書き込めるってやつ。
他のToDo Appも試したけど、やっぱ記入する場所は一カ所がよろしい。

ゲームは全然買ってないな。
ちょっと買ってみようかな。

removeMovieClipでMovieClipが消えない

2009年3月13日 04:58

attachMovieしたMovieClipをremoveMovieClipしても全然消えない！

そこで、ドキュメント見たら
「負の深度値に割り当てられているムービークリップを削除しません。」

、、、、、、、、、、
始めに教えてくれよ、、
というか負の深度でも消えてくれ！

AS2やりたくない。。

TweenerのonCompleteに引数を渡す

2009年2月12日 16:45

こんな簡単に出来るとは、、
今まではなんだか回りくどいやり方をしてたなぁ。

tweenerでonCompleteに引数をあたえる

今後も結構使うからメモ。

Firefox3とswfobject - その2

2009年1月27日 16:59

相性の悪さで腹の立つ両者。
その中を取り持つ救世主を発見。

・swffit

これを一緒に使うとswfobject2でも問題なく表示される。

あと、stageの幅と高さをstage.stageWidthとstage.stageHeightで動的に取得すると、htmlに貼り付けたときに正常に表示されない、という新たなエラーが発生。

その場合はjsでウィンドウサイズを取得してflashvarsでswfに渡してあげれば問題ない。

↓とりあえずテンプレート。

続きを読む ≫

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<head>
		<title>タイトル</title>
		<script type="text/javascript" src="Scripts/swfobject.js"></script>
        <script type="text/javascript" src="Scripts/swffit.js"></script>
		<script type="text/javascript">
		if(document.all){
			  w = document.documentElement.clientWidth;
			  h = document.documentElement.clientHeight;
			}else if(document.layers || document.getElementById){
			  w = window.innerWidth;
			  h = window.innerHeight;
			} 
		var flashvars = {width:w, height:h};
		var params = {};
		var attributes = {};
		swfobject.embedSWF("main.swf", "myContent", "100%", "100%", "9.0.0", true, flashvars, params, attributes);
		swffit.fit("myContent", 1000, 590);
		</script>
        <style type="text/css">
			
		</style>
	</head>
	<body>
		<div id="myContent">
			<h1>Alternative content</h1>
			<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
		</div>
	</body>
</html>

デザインとかプログラムとか音楽とか本とか写真とか

AS3でAIR - ファイルのドラッグドロップ

iPhoneにしてみた

removeMovieClipでMovieClipが消えない

TweenerのonCompleteに引数を渡す

Firefox3とswfobject - その2

Search

Calender

Categories

Latest Posts

Archives