Hatena::Groupactionscript

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

2009年01月31日 土曜日

Flex builder 3を試してみて

| 17:10 | Flex builder 3を試してみて - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - Flex builder 3を試してみて - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 Flex builder 3を試してみて - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

面白い。プログラムFlashがサクサク作れます。もちろん、ActionScriptだけですむ場合もあります。そちらは、そちらで利用して、UIが必要になれば、Flexの方が便利ですね。ただ、おそらくなのですが、Flashがあると、便利なことも多いのだろうなあ、とも思います。用途が違うのでしょうけれど。この用途の違いで、FlashFlexFlex SDKという区分けで、さらに色々と増えていく訳で、ただただ混乱しそうな印象があります。

これから

  • コンポーネントってなんだ?
    • classのかたまり?
    • これを理解しておきたい
  • JSONデータを利用したい
    • XMLでもいいんだけれど、JavaScriptでも利用したりする時があるので
  • SVGxって?使えるけれど、どうなるの
  • そもそもの課題解決
    • 折れ線グラフ!

Flex builder 3を試してみる(10)HTTPServiceコンポーネント?

| 16:25 | Flex builder 3を試してみる(10)HTTPServiceコンポーネント? - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - Flex builder 3を試してみる(10)HTTPServiceコンポーネント? - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 Flex builder 3を試してみる(10)HTTPServiceコンポーネント? - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

  • DataGrid(データグリッド)でRSSを表示します
  • HTTPServiceコンポーネント
    • resultFormatという属性の中に、Flashvarsってあるんですが...
    • resultFormatという属性のtextはそのまま受け取る感じかなあ?
    • mx:HTTPServeceのsend()というメソッドをデフォルトで実行している
    • 便利だけれど、なにやら色々と深そうなコンポーネントです

f:id:d4-1977:20090131162553p:image

mxmlのソース

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="a_service.send()">
	<mx:DataGrid x="0" y="0" id="a_data" width="100%" height="100%" dataProvider="{a_service.lastResult.channel.item}">
		<mx:columns>
			<mx:DataGridColumn headerText="列 1" dataField="title"/>
			<mx:DataGridColumn headerText="列 2" dataField="pubDate"/>
			<mx:DataGridColumn headerText="列 3" dataField="description"/>
		</mx:columns>
	</mx:DataGrid>
	<mx:HTTPService id="a_service" url="http://d.hatena.ne.jp/d4-1977/rss2" useProxy="false" resultFormat="e4x" />
</mx:Application>

Flex builder 3を試してみる(9)CSVを読み込む

| 15:33 | Flex builder 3を試してみる(9)CSVを読み込む - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - Flex builder 3を試してみる(9)CSVを読み込む - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 Flex builder 3を試してみる(9)CSVを読み込む - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
	<mx:DataGrid x="0" y="0" width="100%" height="30%" id="a_grid">
		<mx:columns>
			<mx:DataGridColumn headerText="名前" dataField="name"/>
			<mx:DataGridColumn headerText="電話" dataField="tel"/>
			<mx:DataGridColumn headerText="備考" dataField="memo"/>
		</mx:columns>
	</mx:DataGrid>
	
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import com.kujirahand.CSVUtils;
			import mx.controls.Alert;
			
			private const URL_CSV:String = 'meibo2.csv';
			
			private function initApp():void{
				var request:URLRequest = new URLRequest(URL_CSV);
				var loader:URLLoader   = new URLLoader();
				
				// イベント
				loader.addEventListener(Event.COMPLETE, onComplate);
				loader.addEventListener(IOErrorEvent.IO_ERROR, onError);
				
				loader.load(request);
			}

			private function onComplate(event:Event):void{
				var csv_str:String = event.target.data as String;
				//Alert.show(csv_str);
				var csv_array:Array  = CSVUtils.CsvToArray(csv_str);
				// ArrayColectionにマッピングする
				var mapping:Array = ["name", "tel", "memo"];
				var csv_ac:ArrayCollection;
				csv_ac = CSVUtils.ArrayToArrayCollection(csv_array, mapping, true);
				// データーグリッドのdataProviderに設定する
				a_grid.dataProvider = csv_ac;
			}

			private function onError(event:IOErrorEvent):void{
				Alert.show(String(event));
			}
		]]>
	</mx:Script>
</mx:Application>

Flex builder 3を試してみる(8)textareaにテキストを読み込ませる

| 14:02 | Flex builder 3を試してみる(8)textareaにテキストを読み込ませる - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 を含むブックマーク はてなブックマーク - Flex builder 3を試してみる(8)textareaにテキストを読み込ませる - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 Flex builder 3を試してみる(8)textareaにテキストを読み込ませる - ActionScript(AS3)やFlexを勉強しようと思ってはじめた日記 のブックマークコメント

読み込んだテキストをtextareaコンポーネントで表示。

  • マウスホイールでスクロールできませんが...。
  • プロパティはあるんだけれど。イベント発生時にどうするのか?というがよくわからず...。
  • as Stringってなんだ?
    • String()と同じこと?もしかしてだけれど。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
	<mx:TextArea x="0" y="0" width="100%" height="100%" id="a_text"/>
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			private function initApp():void{
				var url:String = 'input.txt';
				var request:URLRequest = new URLRequest(url);
				var loader:URLLoader   = new URLLoader();
				// イベントの設定
				loader.addEventListener(Event.COMPLETE, onLoadComplate);
				loader.addEventListener(IOErrorEvent.IO_ERROR, onError);
				// 実際に読み込む
				loader.load(request);
			}
			
			//
			private function onLoadComplate(event:Event):void{
				var s:String = event.target.data as String;
				a_text.text = s;
			}

			private function onError(event:IOErrorEvent):void{
				Alert.show(String(event));
			}

		]]>
	</mx:Script>
</mx:Application>

clmindclmind2009/02/15 23:44HTTPでのデータのやり取りのやり方がわからず四苦八苦してたので大変参考になりました。ありがとうございます。

EedudinrinduEedudinrindu2015/09/30 16:15I went to tons of links before this, what was I thkiginn?

DeysitaDeysita2015/10/09 07:35Hats off to <a href="http://flmlxgulpg.com">whoeevr</a> wrote this up and posted it.

AbuAbu2015/10/09 11:59My hat is off to your astute command over this torov-bpaci! http://kbaszh.com [url=http://dsyycuzdkng.com]dsyycuzdkng[/url] [link=http://whqjkodte.com]whqjkodte[/link]

MarylandMaryland2015/10/10 06:41Do you have more great <a href="http://cdnmlfq.com">arieclts</a> like this one?

ShahidShahid2015/10/12 07:12What a plerusae to meet someone who thinks so clearly http://msadsj.com [url=http://ybsmqjfah.com]ybsmqjfah[/url] [link=http://jqktak.com]jqktak[/link]