Hatena::Groupactionscript

ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記

2009年02月24日 火曜日

表示リストの上下関係を知るタイミング

| 08:11 | 表示リストの上下関係を知るタイミング - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - 表示リストの上下関係を知るタイミング - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 表示リストの上下関係を知るタイミング - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

表示リストの上下関係なのですが、親のサイズを知ることができるのは、自分自身が表示されてからなんです(addChild()されてから知ることができるのだと思う)。当たり前だけれど、知っていないと、後ではまりそうな予感がします。


というのも、GraphicsクラスのdrawRect()は、サイズをピクセル単位で指定しなくては行けないので、親のサイズに合わせて書きたい時は、表示順、タイミングに注意しないといないようです。


ちょっと不思議なのが、GoogleAanalyticsにあるグラフです。ブラウザーのサイズを変更してもサイズをぴたりと合わせて描画するのですが、なんでだろう?と考えて、stageのサイズを、addChildする前に表示オブジェクトに渡してあげたら表示されるのだろうか?と思い試してみたら、できました!


試してみること

あとは、画面サイズを変えたら大きさが変わるのか試してみよう(ここで、Bindableを使うのかな?)


ソース(mxml)

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="init()">
<mx:Script>
	<![CDATA[
		import Test.Test1;
		import mx.controls.Alert;
		import flash.events.*;
		
		public function init():void
		{
			var test1:Test1 = new Test1(0,0,stage.width,stage.height);
			
			test1.addEventListener(MouseEvent.CLICK, test1.getWidth);
			test1.addEventListener(MouseEvent.CLICK, trace);
			//canvas_test.addChild(test1);
			addChild(test1);
		}
	]]>
</mx:Script>
	<mx:Canvas x="30" y="30" width="100" height="100" backgroundColor="0xe7e7e7" id="canvas_test">
	</mx:Canvas>
</mx:Application>

2009年02月13日 金曜日

折れ線グラフをつくりたい(4)Flexで作り始めてみる

| 01:06 | 折れ線グラフをつくりたい(4)Flexで作り始めてみる - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - 折れ線グラフをつくりたい(4)Flexで作り始めてみる - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 折れ線グラフをつくりたい(4)Flexで作り始めてみる - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

とりあえず、読み込みまでは作った。

ActionScriptだけでもいいような...。

たぶん、この先が問題なんだろう、と思っておくことにします。

気づいたこと

  • importするライブラリが色々とあって、よくわからなくなる
  • Eventに関して、これまたいろいろとあって...混乱しやすい
  • 読み込み中の処理は考えどころ
    • コンポーネントにした方がいい?
    • 読み込み中は何回も呼ばれるらしい(当たり前といえば、当たり前)
  • Flex BuilderだとテンプレートHTMLを調整して、Flashvarをいじりました
    • これって当たり前?
  • 呼び出すときに、枠線とかを描画する必要があるのかなあ。データがきてからの方がいいか?

ソース

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="init();">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import flash.net.*;
			import flash.events.*;
			import flash.xml.*;
			
			private var loader:URLLoader = new URLLoader();
			private var filePath:String  = 'Aanalytics.xml';
			private var grafhType:String = '';
			
			private function init():void{
				if(Application.application.parameters.xmlsrc != ''){
					filePath = Application.application.parameters.xmlsrc;
				}
				LoadData(filePath);
			}

			private function LoadData(url:String):void
			{
				var req:URLRequest = new URLRequest(url);
				loader.load(req);
				
				loader.addEventListener(Event.COMPLETE, onResult);	// 読み込み完了
				loader.addEventListener(ProgressEvent.PROGRESS, Loading);	// 読み込み中
				loader.addEventListener(IOErrorEvent.IO_ERROR, IoError);	// 読み込み失敗
			}
			
			private function onResult(event:Event):void
			{
				// Alert.show('complate');
				// Alert.show(event.toString());
				// Alert.show(event.target.data.toString());
				var xml:XML = new XML(event.target.data);
				Alert.show(xml);
			}

			private function Loading(event:ProgressEvent):void
			{
			}
			
			private function IoError(event:IOErrorEvent):void
			{
				Alert.show('読み込みに失敗しました');
				//Alert.show(event.target.toString());
			}
		]]>
	</mx:Script>
</mx:Application>

GerardoGerardo2015/09/30 15:17That's way the beetsst answer so far!

KaterinaKaterina2015/10/09 07:34This does look <a href="http://eftdjwwgw.com">primgsino.</a> I'll keep coming back for more.

MarinaMarina2015/10/09 11:58I just hope whveeor writes these keeps writing more! http://devtfapz.com [url=http://tibruqrwmkx.com]tibruqrwmkx[/url] [link=http://axuvoampjyn.com]axuvoampjyn[/link]

InfinityInfinity2015/10/10 06:40This is the perfect way to break down this <a href="http://sykdodslo.com">inrifmatoon.</a>

ToniToni2015/10/12 07:11Wow! That's a really neat anwser! http://asujaini.com [url=http://mogoygasjx.com]mogoygasjx[/url] [link=http://cqkvmi.com]cqkvmi[/link]

2009年02月12日 木曜日

Application.application.parameters

| 00:49 | Application.application.parameters - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - Application.application.parameters - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 Application.application.parameters - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

Application.application.parametersは、Flashvarsで送られた値を受け取ることができるオブジェクト(クラス?)。

さてさて、ここから始めましょう。

めも。

| 00:46 | めも。 - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - めも。 - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 めも。 - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

色々と考えたのですが、コンポーネント作りについては、先延ばしにすることにしました。まずは、課題として考えていることを実現させて、そこで色々と必要になっていくことから、埋めていくことにしました。とはいえ、だいぶ紆余曲折を経ていますね。


勉強の仕方はいくつか方法があると思うのです。まだ、自分の中で整理されていないのが現実です。基本的なことは、本を読みながら、調べながら、手を動かし覚えていくのが良さそうだと思っています。問題はその先です。Rubyや、PHPなどの言語と異なり、Flexや、ActionScriptというのは必然性がなければ、なかなか覚えられない言語のように思います。また、同じことでも方法が多すぎて、困ることもしばしば。


初心者からどうやって、中級者への道を歩むか?壁を越えるのか?というのが2009年の課題になりそうです。この壁の超え方を考えなくてはいけませんね。

RodrigoRodrigo2015/09/30 17:05I lialetlry jumped out of my chair and danced after reading this!

AldoAldo2015/10/09 07:35A bit <a href="http://owargl.com">surpirsed</a> it seems to simple and yet useful.

AdrianaAdriana2015/10/09 11:59The abltiiy to think like that is always a joy to behold http://wjiplrrxna.com [url=http://padebuf.com]padebuf[/url] [link=http://haueenaa.com]haueenaa[/link]

DarenceDarence2015/10/10 06:42<a href="http://onstwnzlwe.com">Th'tas</a> going to make things a lot easier from here on out.

FotiniFotini2015/10/12 07:12Great common sense here. Wish I'd thhougt of that. http://sxoamxofp.com [url=http://zxrksx.com]zxrksx[/url] [link=http://nhiyfxssn.com]nhiyfxssn[/link]

2009年02月10日 火曜日

FlexのUIについて

| 18:39 | FlexのUIについて - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - FlexのUIについて - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 FlexのUIについて - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

いろいろとサンプルになるページがまとまっているサイトがありました

特に気になったのは

これらはソースも見ることができました。

特に、タイムラインのような、コントローラーは標準にあってもいいよなあ、と思います。

他にもあるかなあ。

RatnaRatna2015/09/30 16:34That's a sensible answer to a chnlaengilg question

SkylerSkyler2015/10/09 07:35I'm out of league here. Too much brain power on <a href="http://xvhmwmotgye.com">diplasy!</a>

JuniorJunior2015/10/09 11:59You Sir/Madam are the enemy of confusion evrrewhyee! http://ofhzxlmvuye.com [url=http://iueydq.com]iueydq[/url] [link=http://qaqfydaotj.com]qaqfydaotj[/link]

ParmeliaParmelia2015/10/10 06:42Your cranium must be <a href="http://izinor.com">pritocteng</a> some very valuable brains.

MartinMartin2015/10/12 07:12Could you write about Phcsiys so I can pass Science class? http://hrwnat.com [url=http://vgrrpeeh.com]vgrrpeeh[/url] [link=http://fflxegwmui.com]fflxegwmui[/link]

2009年02月03日 火曜日

調べてみたりしたこと

| 08:56 | 調べてみたりしたこと - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - 調べてみたりしたこと - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 調べてみたりしたこと - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

折れ線グラフの話

Flexで使えるフリーの折れ線グラフなのですが、ありそうで、なかなかこれ、というのが見当たりません。

Yahoo!UIFlash用のは、Flashなんですよね、あくまで(ActionScript3用というのはありましたけれど、グラフは入っていないのです)。

この折れ線グラフなのですが、「Google ファイナンス」の折れ線グラフってすごいです。範囲指定や、Newsと連動したグラフなど、面白い機能があって、見た目が機能と直結しているのがいいなあ。

Open Flash Chaartというのがある。これってどうなんだろう?LGPLというライセンスらしい

※ただしくは、LGPRではないようです(混乱)

drillDownというのがあるらしい

SVGの話

なんとなくですけれど、素材にしたSVGがSVG1.0で、Flex側の対応はSVG1.1なんです。ここの違いかなあ?という印象です。

ホイールマウスの話

これは、色々とありそうな。もうちょっと調べてみたいです。

調べてみたら、Macだとホーイールの動作を取得できないみたい。

取得するには、JavaScriptでやるといいみたい(それでも完璧じゃないみたいですけれど)

メタタグ

なにやら色々とありそうです。