Home > ActionScript > Airではまったこと 2~エフェクトの登録

Airではまったこと 2~エフェクトの登録

よくあるバグを言語ごとに系統的にまとめたようなのないかね。

DisplayObjectにエフェクトを登録したいとです。MXMLならすぐ分かりました。
Canvasをマウスオーバーでズームする例。


<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Zoom id="zoom" duration="1000" zoomHeightTo="2" zoomWidthTo="2" />
	<mx:Canvas width="100" height="100" backgroundColor="blue" rollOverEffect="{zoom}">
	</mx:Canvas>
</mx:Application>

ActionScriptからはどうするのか。


<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			
			public function init():void {
				this.canvas1.setStyle("rollOverEffect", "zoom");
			}
		]]>
	</mx:Script>
	<mx:Zoom id="zoom" duration="1000" zoomHeightTo="2" zoomWidthTo="2" />
	<mx:Canvas id="canvas1" width="100" height="100" backgroundColor="blue" creationComplete="init()">
	</mx:Canvas>
</mx:Application>

まさかsetStyleとは。

あとは


<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.effects.Zoom;
			
			
			public function rollOverHandler(event:MouseEvent):void {
				var zoom:Zoom = new Zoom(event.target);
				
				zoom.duration = 1000;
				zoom.zoomHeightTo = 2;
				zoom.zoomWidthTo = 2;
				
				zoom.play();
			}
		]]>
	</mx:Script>
	
	<mx:Canvas id="canvas1" width="100" height="100" backgroundColor="blue" rollOver="rollOverHandler(event)">
	</mx:Canvas>
</mx:Application>

以上

Comments:2

Yuya 13-12-31 (火) 9:28

The truth just shines thugroh your post

auto insurance 15-04-22 (水) 20:13

Yup, that’ll do it. You have my appreciation.

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://red-treasure.com/report/wp-trackback.php?p=207
Listed below are links to weblogs that reference
Airではまったこと 2~エフェクトの登録 from コスミー報告書[社外秘]

Home > ActionScript > Airではまったこと 2~エフェクトの登録

Search
Feeds
Meta
 合計:012222
 今日:0062 昨日:0134

Return to page top