Flex/Âè3²óÊÙ¶¯²ñ mxml¤ò»È¤Ã¤¿¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎºîÀ® http://www.ark-web.jp/sandbox/wiki/319.html
Flex/Âè3²óÊÙ¶¯²ñ mxml¤ò»È¤Ã¤¿¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎºîÀ®
ÊÙ¶¯²ñ¤ÎÆâÍÆ †
- neco¤Ã¤¿¡¼¤Î¥Ç¥³¥ì¡¼¥·¥ç¥ó¥á¡¼¥«¡¼¤Î¹½ÃÛ¤òÄ̤¸¤Æ¡¢Flex¥¢¥×¥ê¤Îºî¤êÊý¤ò³Ø¤Ü¤¦
ustream †
http://www.ustream.tv/channel/flex%E5%8B%89%E5%BC%B7%E4%BC%9A
¥Ç¥³¥ì¡¼¥·¥ç¥ó¥á¡¼¥«¡¼¤È¤Ï †
- ¼¡¤Î¥Ñ¡¼¥Ä¤«¤é¤Ê¤ë¡£
- ¥®¥ã¥é¥ê¡¼
²áµî¤Ëºî¤Ã¤¿¾þ¤ê¤Ä¤±ºîÉʤòÁª¤ó¤ÇÆɤ߹þ¤à¤³¤È¤¬¤Ç¤¤ë
- ¥¢¥¤¥Æ¥à¥ê¥¹¥È
¥¢¥¤¥Æ¥à¤È¤Ï¤³¤³¤Ç¤Ï¥ê¥Ü¥ó¤ä¤á¤¬¤Í¤Ê¤É¡£
¤³¤³¤Ëʤ֥¢¥¤¥Æ¥à¤òÁª¤ó¤Ç¥¥ã¥ó¥Ð¥¹¤ËÇÛÃÖ¤¹¤ë¤³¤È¤ÇºîÉʤòºî¤ë¤³¤È¤¬¤Ç¤¤ë¡£
- ¥¥ã¥ó¥Ð¥¹
¤³¤Î¥¥ã¥ó¥Ð¥¹¾å¤Ëneco¤Î¥µ¥à¥Í¥¤¥ë¤¬É½¼¨¤µ¤ì¡¢¤³¤Î¾å¤Ë¥¢¥¤¥Æ¥à¤ò½Å¤Í¤ÆÇÛÃÖ¤·¤¿¤ê¤Ç¤¤ë
- ¥ì¥¤¥ä¥ê¥¹¥È
Äɲ䵤줿¥¢¥¤¥Æ¥à¤òºï½ü¤·¤¿¤ê¡¢½çÈÖ¤òÆþ¤ìÂؤ¨¤ë¤³¤È¤¬¤Ç¤¤ë
- ¥Ä¡¼¥ë¥Ü¥Ã¥¯¥¹
¥Ä¡¼¥ë¥Ü¥Ã¥¯¥¹¤Ê¤¤¤Î¥Ä¡¼¥ë¤ò»È¤Ã¤Æ¡¢ÁªÂò¤·¤¿¥¢¥¤¥Æ¥à¤ò°ÜÆ°¤·¤¿¤ê¡¢³ÈÂç½Ì¾®¤·¤¿¤ê¡¢¿§¤òÊѤ¨¤¿¤ê¤Ç¤¤ë¡£
- ¥®¥ã¥é¥ê¡¼
MXML¤Ç½ñ¤¤¤Æ¤ß¤ë †
MXML¤È¤Ï †
¥³¥ó¥Ý¡¼¥Í¥ó¥È¤È¤Ï †
- ºÆÍøÍѲÄǽ¤ÊÉôÉÊ¡£
- ÉáÄ̤Υ¯¥é¥¹¤È¤Î°ã¤¤¡£ => mxml¤Çµ½Ò¤·¤Æ¥¤¥ó¥¹¥¿¥ó¥¹¤òÀ¸À®²Äǽ¡£
- ¼¡¤Î¤è¤¦¤Ê¼ïÎब¡£
- ¥Ó¥¸¥å¥¢¥ë¥³¥ó¥Ý¡¼¥Í¥ó¥È
- ¥æ¡¼¥¶¡¼¥¤¥ó¥¿¡¼¥Õ¥§¡¼¥¹¥³¥ó¥È¥í¡¼¥ë
¥Ü¥¿¥ó¤Ê¤É¤Î¥æ¡¼¥¶¡¼¥¤¥ó¥¿¡¼¥Õ¥§¡¼¥¹¡£ - ¥³¥ó¥Æ¥Ê
¥³¥ó¥È¥í¡¼¥ë¤òÇÛÃÖ¡¦¥ì¥¤¥¢¥¦¥È¤¹¤ë¡£¥³¥ó¥Æ¥Ê¤òÆþ¤ì»Ò¤¹¤ë¤³¤È¤â²Ä¡£
- ¥æ¡¼¥¶¡¼¥¤¥ó¥¿¡¼¥Õ¥§¡¼¥¹¥³¥ó¥È¥í¡¼¥ë
- Èó¥Ó¥¸¥å¥¢¥ë¥³¥ó¥Ý¡¼¥Í¥ó¥È
- ¥¨¥Õ¥§¥¯¥È
- ¥Ð¥ê¥Ç¡¼¥¿
- ¥Õ¥©¡¼¥Þ¥Ã¥¿
- ¥Ó¥¸¥å¥¢¥ë¥³¥ó¥Ý¡¼¥Í¥ó¥È
- ¾Ü¤·¤¯¤Ï¤³¤Î¤¢¤¿¤ê¤Ç
http://livedocs.adobe.com/flex/3_jp/html/mxml_3.html#92447
¥¿¥°¤Î²òÀâ †
- VBox¤Ï¡¢½Ä¥ì¥¤¥¢¥¦¥È¤Î¥³¥ó¥Æ¥Ê
- Image¤Ï¡¢²èÁü¤òɽ¼¨¤¹¤ë¥³¥ó¥È¥í¡¼¥ë
- source¤Ë²èÁü¤ò»ØÄê¡£
- @Embed»ØÄê¤ò»È¤¦¤È¡¢¥³¥ó¥Ñ¥¤¥ë»þ¤ËswfÆâ¤Ë¡¢¤½¤Î²èÁü¤òÀÅŪ¤ËÁȤ߹þ¤ß¡£
- ¥Ó¥¸¥å¥¢¥ë¥³¥ó¥Ý¡¼¥Í¥ó¥È¡¢Èó¥Ó¥¸¥å¥¢¥ë¥³¥ó¥Ý¡¼¥Í¥ó¥È´Þ¤á¤³¤³¤Ç¤ª¤µ¤é¤¤¡£
http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html
¥¹¥¿¥¤¥ë¥·¡¼¥È †
- global¤Ï¡¢Á´¥¿¥°¤ËŬÍÑ
global { paddingTop: 10; paddingRight: 10; paddingBottom: 10; paddingLeft: 10; }
- »ØÄꤷ¤¿Ì¾Á°¤Î¥¿¥°¤ËŬÍÑ¡£
VBox, Canvas { backgroundColor: #00ff00; borderColor: #000000; borderStyle: solid; }
- styleName°À¤Ç»ØÄꤷ¤¿¥¯¥é¥¹¤ò¤â¤Ä¥¿¥°¤ËŬÍÑ¡£
.layerList { backgroundColor: #00ffff; }
- ¥Þ¥Ë¥å¥¢¥ë¤Ï¤³¤³¡£
http://livedocs.adobe.com/flex/3_jp/html/styles_01.html - ³Æ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤¬¤É¤ó¤Ê¥¹¥¿¥¤¥ë¤ò»ØÄê²Äǽ¤«¤Ï¡¢¤¶¤Ã¤¯¤ê¤³¤³¤Ç¤ï¤«¤ë¡£
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html - ÌÖÍåŪ¤ËÃΤë¤Ê¤é¥ê¥Õ¥¡¥ì¥ó¥¹
http://livedocs.adobe.com/flex/3_jp/langref/- ¤¿¤È¤¨¤ÐVBox¥³¥ó¥Æ¥Ê¤Ë»ØÄê²Äǽ¤Ê¥¹¥¿¥¤¥ë¤Ï¤³¤³¤Ç¤ï¤«¤ë¡£
http://livedocs.adobe.com/flex/3_jp/langref/mx/containers/VBox.html#styleSummary
- ¤¿¤È¤¨¤ÐVBox¥³¥ó¥Æ¥Ê¤Ë»ØÄê²Äǽ¤Ê¥¹¥¿¥¤¥ë¤Ï¤³¤³¤Ç¤ï¤«¤ë¡£
¥³¥ó¥Ñ¥¤¥ë †
rasuct decoration_maker1.mxml
¤Ç¤¤¿¤â¤Î¡£ †
http://okra.ark-web.jp/~shida/sandbox/flex/study3/decoration_maker1.swf
¥³¥ó¥Ý¡¼¥Í¥ó¥È²½¤·¤Æ¤ß¤ë †
¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤È¤Ï? †
- Flex¤Î¥³¥¢¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ò·Ñ¾µ¤·¡¢Æȼ«¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òºî¤ë¤³¤È¤¬¤Ç¤¤ë
- ÍøÅÀ¡£ºî¤êÊý³µÍס£
- MXML¤ÇºîÀ®¤·¤¿¤ê¡¢ActionScript¤ÇºîÀ®¤·¤¿¤ê¤Ç¤¤ë¡£
- MXML ¤Þ¤¿¤Ï ActionScript ¤Î¤É¤Á¤é¤Ç¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òºîÀ®¤¹¤ë¤«¤Î·èÄê
- ¥«¥¹¥¿¥à ActionScript ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Ç¼Â¹Ô¤Ç¤¤ë¤Û¤È¤ó¤É¤Î¤³¤È¤Ï¡¢¥«¥¹¥¿¥à MXML ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Ç¤â¼Â¹Ô¤Ç¤¤Þ¤¹¡£¤¿¤À¤·¡¢´û¸¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î¥Ó¥Ø¥¤¥Ó¥¢¤òÊѹ¹¤·¤¿¤ê¡¢´ðËܵ¡Ç½¤ò´û¸¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ËÄɲä·¤¿¤ê¤¹¤ëñ½ã¤Ê¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î¾ì¹ç¤Ï¡¢MXML ¤ÇºîÀ®¤·¤¿Êý¤¬Á᤯¤Æ´Êñ¤Ç¤¹¡£
- ¿·¤·¤¤¥³¥ó¥Ý¡¼¥Í¥ó¥È¤¬Â¾¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ò´Þ¤àÊ£¹ç¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Ç¡¢Flex ¥ì¥¤¥¢¥¦¥È¥³¥ó¥Æ¥Ê¤Î¤¤¤º¤ì¤«¤ò»ÈÍѤ·¤Æ¾¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î°ÌÃ֤ȥµ¥¤¥º¤òɽ¸½¤Ç¤¤ë¾ì¹ç¤Ï¡¢MXML ¤ò»ÈÍѤ·¤Æ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òÄêµÁ¤·¤Þ¤¹¡£
- ¥³¥ó¥Æ¥Ê¤¬»Ò¤ò¥ì¥¤¥¢¥¦¥È¤¹¤ëÊýË¡¤Ê¤É¡¢¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î¥Ó¥Ø¥¤¥Ó¥¢¤òÊѹ¹¤¹¤ë¾ì¹ç¤Ï¡¢ActionScript ¤ò»ÈÍѤ·¤Þ¤¹¡£
- UIComponent ¤Î¥µ¥Ö¥¯¥é¥¹¤òºîÀ®¤·¤Æ¡¢¥Ó¥¸¥å¥¢¥ë¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òºîÀ®¤¹¤ë¾ì¹ç¤Ï¡¢ActionScript ¤ò»ÈÍѤ·¤Þ¤¹¡£
- ¥Õ¥©¡¼¥Þ¥Ã¥¿¡¢¥Ð¥ê¥Ç¡¼¥¿¡¢¥¨¥Õ¥§¥¯¥È¤Ê¤É¤ÎÈó¥Ó¥¸¥å¥¢¥ë¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òºîÀ®¤¹¤ë¾ì¹ç¤Ï¡¢ActionScript ¤ò»ÈÍѤ·¤Þ¤¹¡£
- ¥³¥ó¥È¥í¡¼¥ë¤Ë¥í¥°¤Î¥µ¥Ý¡¼¥È¤òÄɲ乤ë¾ì¹ç¤Ï¡¢ActionScript ¤ò»ÈÍѤ·¤Þ¤¹¡£¾Ü¤·¤¯¤Ï¡¢¥í¥°µ¡Ç½¤ò»²¾È¤·¤Æ¤¯¤À¤µ¤¤¡£
º£²ó¤ÏMXML¤Ç¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òºî¤Ã¤Æ¤ß¤ë †
- ¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òºî¤ë¾ì¹ç¤Ï¡¢¤Þ¤º¥Ñ¥Ã¥±¡¼¥¸¤ò·è¤á¤ë
jp.tter.neco.decorationMaker
- ¤½¤ì¤ËÂбþ¤·¤¿¥Ç¥£¥ì¥¯¥È¥ê¤òºî¤ë
jp/tter/neco/decorationMaker/
- ¤½¤³¤Ë¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Îmxml¥Õ¥¡¥¤¥ë¤òºî¤ë¡£
- ¥Õ¥¡¥¤¥ë̾¤Ï¥³¥ó¥Ý¡¼¥Í¥ó¥È̾
- jp.tter.neco.docorationMaker.Gallery¤Ê¤é¡¢
jp/tter/neco/decorationMaker/Gallery.mxml
- ¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Ï¡¢·Ñ¾µ¤¹¤ëFlex¥³¥¢¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ò¥ë¡¼¥È¥¿¥°¤Ë½ñ¤¯¡£
jp/tter/neco/decorationMaker/Gallery.mxml¤ÎÆâÍÆ †
- /assets/gallery.png¤È¤·¤Æ¡¢
¤òÇÛÃÖ¤·¤Æ¤ª¤¡¢¥Õ¥¡¥¤¥ë¤ÎÃæ¿È¤Ï¤³¤ó¤Ê´¶¤¸¡£<?xml version="1.0" encoding="utf-8"?> <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Image source="@Embed(source='/assets/gallery.png')" /> </mx:VBox>
jp/tter/neco/decorationMaker/ItemList.mxml¤ÎÆâÍÆ †
<?xml version="1.0" encoding="utf-8"?> <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Image source="@Embed(source='/assets/item_list.png')" /> </mx:HBox>
jp/tter/neco/decorationMaker/Canvas.mxml¤ÎÆâÍÆ †
<?xml version="1.0" encoding="utf-8"?> <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Image source="@Embed(source='/assets/canvas.png')" /> </mx:Canvas>
jp/tter/neco/decorationMaker/LayerList.mxml¤ÎÆâÍÆ †
<?xml version="1.0" encoding="utf-8"?> <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Image source="@Embed(source='/assets/layer_list.png')" /> </mx:VBox>
jp/tter/neco/decorationMaker/Toolbox.mxml¤ÎÆâÍÆ †
<?xml version="1.0" encoding="utf-8"?> <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Image source="@Embed(source='/assets/toolbox.png')" /> </mx:VBox>
¤³¤ì¤é¤ò»È¤Ã¤ÆÁ´ÂΤò¥ì¥¤¥¢¥¦¥È¤¹¤ë¥³¥ó¥Ý¡¼¥Í¥ó¥È¤È¤·¤ÆMain.mxml¤òÍÑ°Õ †
- jp/tter/neco/decorationMaker/Toolbox.mxml¤ÎÆâÍÆ
<?xml version="1.0" encoding="utf-8"?> <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:neco="jp.tter.neco.decorationMaker.*"> <neco:Gallery /> <mx:VBox> <neco:ItemList /> <mx:HBox> <neco:Canvas /> <neco:LayerList /> </mx:HBox> </mx:VBox> <neco:Toolbox /> </mx:HBox>
- ¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òÆɤ߹þ¤à¤¿¤á¤Ë¤Ï¡¢xmlns¤Ç¡¢Ì¾Á°¶õ´Ö¤òÄêµÁ¤¹¤ë¡£
- Æɤ߹þ¤à¥Ñ¥Ã¥±¡¼¥¸¤Î¥Ñ¥¹¤¬xmlns¤ÎÃͤËURL¤Ë¤Ê¤ë¡£
- ÄêµÁ¤·¤¿Ì¾Á°¶õ´Ö¤òÀÜƬ¼¤Ë¤·¤Æ¡¢¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òÍøÍѤǤ¤ë¡£
¤³¤ÎMain.mxml¤òÆɤ߹þ¤à¥È¥Ã¥×¥ì¥Ù¥ë¤Îmxml¤òÍÑ°Õ¤·¤Æ¤³¤ì¤ò¥³¥ó¥Ñ¥¤¥ë¤¹¤ë¤è¤¦¤Ë¤¹¤ë¡£ †
- FlexSpy¤ò¤¤¤ì¤È¤¤¤¿
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:neco="jp.tter.neco.decorationMaker.*" styleName="plain"> <mx:Script> <![CDATA[ import com.flexspy.FlexSpy; ]]> </mx:Script> <neco:Main /> <mx:Button id="btnFlexSpy" label="½Ð¤Ç¤è!FlexSpy" click="FlexSpy.show()" /> </mx:Application>
- ¼¡¤Î¤è¤¦¤Ë¥³¥ó¥Ñ¥¤¥ë
rascut decoration_maker.mxml
- ¤Ç¤¤¿swf¤Ï¤³¤ó¤Ê´¶¤¸
decoration_maker.swf
¤Þ¤È¤á †
- ¥Ç¥³¥ì¡¼¥·¥ç¥ó¥á¡¼¥«¡¼¤Î³µÍפòÀâÌÀ¤·¤¿
- MXML¤Î¥³¥ó¥Ñ¥¤¥ë¤ä¡¢Image, VBox, HBox¤È¤«´ðËÜŪ¤Ê¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Ë¤Ä¤¤¤Æ»×¤¤½Ð¤·¤ò¤ä¤Ã¤¿
- mxml¤ò»È¤Ã¤¿¥«¥¹¥¿¥à¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Îºî¤êÊý¤ò¤ä¤Ã¤¿
- ¼¡²ó¤Ï¡¢¥¢¥¤¥Æ¥à¤òHTTPService¤«¤é¼èÆÀ¤·¡¢Æ°Åª¤ËActionScript¤«¤éÀ¸À®¤·¤Æ¡¢¤½¤ì¤ò¥¥ã¥ó¥Ð¥¹¤Ë¥É¥é¥Ã¥°¤¹¤ë¡¢¤È¤¤¤¦¤È¤³¤í¤Þ¤Ç¤ä¤Ã¤Æ¤ß¤Þ¤¹(¤¿¤Ö¤ó)¡£
tag: Flex
źÉÕ¥Õ¥¡¥¤¥ë: decoration_maker.swf 2367·ï [¾ÜºÙ] toolbox.png 1155·ï [¾ÜºÙ] layer_list.png 1231·ï [¾ÜºÙ] item_list.png 1156·ï [¾ÜºÙ] gallery.png 1138·ï [¾ÜºÙ] canvas.png 1268·ï [¾ÜºÙ] neco_service_080516.jpg 1368·ï [¾ÜºÙ]