1 LEVEL Adobe Flex Builder SDK

Size: px

Start display at page:

Download "1 LEVEL Adobe Flex Builder SDK"

きよあつしばもと
5 years ago
Views:

1 UNIX -Adobe Flex - e e e e e e055714

2 1 LEVEL Adobe Flex Builder SDK LEVEL1 Flex LEVEL MXML Action Script LEVEL MXML Action Script LEVEL LEVEL5 TODO To Do list

3 8 Level crossdomain.xml

4 1 LEVEL 0 LEVEL0 Flex 1.1 Adobe Flex Flex Flex Flash Player 9 Adobe Flash Adobe Flex Flex 1.2 Adobe Flex Builder SDK Builder Flex Builder Eclipse IDEIntegrated Development Environment:Eclipse Eclipse Builder SDK SDK(Software Development Kit) emacs CUI mxmlc hogehoge.mxml 1

5 2 LEVEL1 Flex 2.1 Flex Flex 2.2 <mx:script> <![CDATA[ import mx.controls.alert; private function onclick():void { var message:string; var num:int = Math.floor( Math.random() * 4 ) + 1; if (num == 1){ message = ""; else if (num == 2) { message = ""; else if (num == 3) { message = ""; else { message = ""; Alert.show( message ); ]]> </mx:script> 2

6 2.3 1: 2.4 Math.random Math.floor 0 1: Math.random 0 1 Math.floor num,1,2,3,4 else if 3

7 3 LEVEL2 3.1 MXML MouseEvent mousemove MouseEvent.MOUSE MOVE mousedown MouseEvent.MOUSE DOWN mouseup MouseEvent.MOUSE UP click MouseEvent.CLICK mousewheel MouseEvent.MOUSE WHEEL doubleclick MouseEvent.DOUBLE CLICK 2: MXML <mx:image id="a_img" initialize="oninit()" mousemove="onmousemove(event)" /> MXML Image initialize mousemove 4

$3.4 Action Script import flash.events.mouseevent; private function oninit():void { a_img.graphics.beginfill(0xffffff); a_img.graphics.drawrect(0,0,this.width,this.height); a_img.graphics.endfill(); private function onmousemove(event:mouseevent):void { if (!$

8 3.4 Action Script import flash.events.mouseevent; private function oninit():void { a_img.graphics.beginfill(0xffffff); a_img.graphics.drawrect(0,0,this.width,this.height); a_img.graphics.endfill(); private function onmousemove(event:mouseevent):void { if (!event.buttondown) return; var x:number = a_img.mousex; var y:number = a_img.mousey; a_img.graphics.beginfill(0xff0000); a_img.graphics.drawcircle(x, y, 4); a_img.graphics.endfill(); oninit() mousemove onmousemove onmousemove event.buttondown 3.5 2: 5

9 4 LEVEL3 4.1 Flex Web Flex Builder 4.3 MXML <mx:textinput id="disp_txt" x="10" y="10" width="263"/> <mx:button x="10" y="40" label="7" width="42" height="42" click="onclick(event)"/> <mx:button x="60" y="40" label="8" width="42" height="42" click="onclick(event)"/> <mx:button x="110" y="40" label="9" width="42" height="42" click="onclick(event)"/> <mx:button x="10" y="90" label="4" width="42" height="42" click="onclick(event)"/> <mx:button x="60" y="90" label="5" width="42" height="42" click="onclick(event)"/> <mx:button x="110" y="90" label="6" width="42" height="42" click="onclick(event)"/> <mx:button x="10" y="140" label="1" width="42" height="42" click="onclick(event)"/> <mx:button x="60" y="140" label="2" width="42" height="42" click="onclick(event)"/> <mx:button x="110" y="140" label="3" width="42" height="42" click="onclick(event)"/> <mx:button x="10" y="190" label="0" width="42" height="42" click="onclick(event)"/> 6

10 4.4 Action Script private function onclick(event:mouseevent):void { var btn:button = event.target as Button; var str:string = btn.label; // if (str == "C") { clear(); return; // if (str.match(/[0-9\.]/)) { addnum(str); return; // eval(str); (MouseEvent )event target event.target as Buttontarget Object Button label label 7

11 4.5 3: = 11 8

$5 LEVEL4 5.1 Flex RSS 6 4: 6.1 <mx:datagrid width="100%" height="100%" dataprovider="{a_service.lastresult.channel.$

12 5 LEVEL4 5.1 Flex RSS 6 4: 6.1 <mx:datagrid width="100%" height="100%" dataprovider="{a_service.lastresult.channel.item"> <mx:columns> <mx:datagridcolumn headertext="" datafield="title"/> <mx:datagridcolumn headertext="" width="100"> <mx:itemrenderer> <mx:component> <mx:hbox height="32" horizontalalign="center"> 9

13 <mx:image source="{data.image.url"/> 6.2 <mx:httpservice id="a_service" url="feed://weather.livedoor.com/forecast/rss/47/136.xml" useproxy="false" resultformat="e4x"/> </mx:application> HTTPService 10

14 7 LEVEL5 TODO 7.1 To Do list Flex TODO TODO TODO 7.2 5: 6: 11

15 7.3 TODO TODO TODO Image Text -----AppTodoList.mxml-----  <mx:component id="todo_grid_renderer"> <mx:hbox height="32"> <mx:image source="{data.icon.png" verticalalign="middle" horizontalalign="center" height="32"/> <mx:text width="100%" height="100%" text="{data.text" selectable="false"/> </mx:hbox> </mx:component> 7.4 DragManager Button DragMAnager.acceptDragDrop() -----AppTodoListAction.as----- private function acceptdrop(event:dragevent):void { DragManager.acceptDragDrop(event.currentTarget as UIComponent); dragenter 12

16 -----AppTodoList.mxml----- <mx:button width="100%" height="38" label="edit" click="edititem()" dragenter="acceptdrop(event)" dragdrop="edititem()" edit.png )"/> dragdrop 7: 7.5 ArrayCollection SharedObject -----AppTodoListAction.as----- save_so = SharedObject.getLocal("todo.data"); TODO ArrayCollection todo items 13

17 -----AppTodoListAction.as----- if (save_so.data.items) { todo_items = save_so.data.items; -----AppTodoListAction.as----- private function savetostrage():void { save_so.data.items = todo_items; 14

18 8 Level6 8.1 API API : 9: 8.3 /**/ 15

19 <mx:panel title="" width="100%" height="100%"> <mx:vbox width="100%" height="100%"> <mx:hbox width="100%"> <mx:label text=""/> /*keyword_txt */ <mx:textinput text="" id="keyword_txt" width="100%" keyup="if(event.keycode==13) a_service.send()"/> </mx:hbox> /**/ <mx:hdividedbox width="100%" height="100%"> <mx:list width="100%" height="100%" id="a_list" /* URL */ dataprovider="{a_service.lastresult.info.photo" labelfield="photo_title" click="a_img.source= a_list.selecteditem.image_url;"/> <mx:image id="a_img" width="100%" height="100%" click="navigatetourl(new URLRequest(a_list.selectedItem.url))"/> </mx:hdividedbox> </mx:vbox> </mx:panel> <mx:httpservice id="a_service" resultformat="e4x" /* URL*/ url= > <mx:request> /**/ <limit>10</limit> <keyword>{keyword_txt.text</keyword> /* creativecommons */ <copyright>creativecommons</copyright> </mx:request> </mx:httpservice> 16

20 9 Flash Player Web Flash Player SWF SWF Web crossdomain.xml Web Web crossdomain.xml 9.1 crossdomain.xml <?xml version="1.0"?> <cross-domain-policy> <allow-access-from domain="~hogeip ~" /> </cross-domain-policy> [1] Adobe Flex2 ISBN [2] ActionScript3.0 ISBN [3] Adobe - Flex 2 - Web 17

untitled

untitled Flex 2010 1 21 5106139 5106144 1 -------------------------------------------------------------------------------------------------p3 ----------------------------------------------------------------------------------------------p4