1. Adobe Flex Новая технология для создания RIA на базе Flash- платформы Константин Ковалев RIA- разработчик http://www.riapriority.com/ [email_address]

6. Продукты в составе Flex

15. MXML : что проще? public class MyApp extends mx.core.Application { p rivate var myText:TextArea; p rivate var myButton:Button; public function MyApp(){ layout = &quot;vertical&quot; ; myText = new TextArea (); addChild(myText) ; myText.editable = false ; myText.width = 300; myText.height = 200; myButton = new Button (); addChild(myButton) ; myButton.label = &quot;Нажми меня!&quot; ; m yButton.addEventListener( &quot;click&quot; , onButtonClick); } private function onButtonClick (event:MouseEvent): void { myText.text += 'Еще раз' } } <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; layout=&quot;vertical&quot;> <mx:TextArea editable=&quot;false&quot; id=&quot;myText&quot; width=&quot;300&quot; height=&quot;200&quot; /> <mx:Button id=&quot;myButton&quot; label=&quot;Нажми меня!&quot; click=&quot;myText.text += 'Еще раз' &quot; /> </mx:Application> VS

16. MXML : расширяемость <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <!-- com.riapriority.rit2007.CityList.mxml --> <mx:ComboBox dataProvider=&quot;{cityList}&quot; xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;> <mx:ArrayCollection id=&quot;cityList&quot;> <mx:String>Москва</mx:String> <mx:String>Санкт-Петербург</mx:String> <mx:String>Новосибирск</mx:String> <mx:String>Владивосток</mx:String> </mx:ArrayCollection> </mx:ComboBox> Компонент: Приложение: <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns:rit2007=&quot;com.riapriority.rit2007.*&quot; layout=&quot;vertical&quot;> <rit2007:CityList /> </mx:Application>

17. MXML : data binding <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <!-- com.riapriority.rit2007.CityList.mxml --> <mx:ComboBox dataProvider=&quot;{cityList}&quot; creationComplete= &quot;dispatchEvent( new Event ( 'change' ))&quot; xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;> <mx:Script> <![CDATA[ [Bindable (event=&quot;change&quot;)] public function get currentCity ():String { return selectedItem as String; } ]]> </mx:Script> <mx:ArrayCollection id=&quot;cityList&quot;> <mx:String>Москва</mx:String> <mx:String>Санкт-Петербург</mx:String> <mx:String>Новосибирск</mx:String> <mx:String>Владивосток</mx:String> </mx:ArrayCollection> </mx:ComboBox> Компонент: Приложение: <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns:rit2007=&quot;com.riapriority.rit2007.*&quot; layout=&quot;vertical&quot;> <rit2007:CityList id=&quot;cityList&quot; /> <mx:Label text=&quot;{cityList.currentCity}&quot; /> </mx:Application>

18. MXML : модульность <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <!-- com.riapriority.rit2007.CityList.mxml --> <mx:ComboBox dataProvider=&quot;{cityList}&quot; creationComplete= &quot;dispatchEvent( new Event ( 'change' ))&quot; xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns:rit2007=&quot;com.riapriority.rit2007.*&quot;> <mx:Script> <![CDATA[ [ Bindable (event= &quot;change&quot; )] public function get currentCity ():String { return selectedItem as String; } ]]> </mx:Script> <rit2007:CityListData id=&quot;cityList&quot; /> </mx:ComboBox> Компонент: Подкомпонент: <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <mx:ArrayCollection xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;> <mx:source> <mx:String>Москва</mx:String> <mx:String>Санкт-Петербург</mx:String> <mx:String>Новосибирск</mx:String> <mx:String>Владивосток</mx:String> </mx:source> </mx:ArrayCollection>

19. MXML : события <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <!-- com.riapriority.rit2007.CityList.mxml --> <mx:ComboBox dataProvider=&quot;{cityList}&quot; creationComplete=&quot; on Change()&quot; change=&quot; on Change()&quot; xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns:rit2007=&quot;com.riapriority.rit2007.*&quot;> <mx:Metadata> [Event (name=&quot;cityChange&quot;, type=&quot;flash.events.Event&quot;)] </mx:Metadata> <mx:Script><![CDATA[ private function on Change (): void { dispatchEvent(new Event (&quot;cityChange&quot;));} [ Bindable (event= &quot;cityChange&quot; )] public function get currentCity ():String { return selectedItem as String; }]]></mx:Script> <rit2007:CityListData id=&quot;cityList&quot; /> </mx:ComboBox> Компонент: Приложение: <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns:rit2007=&quot;com.riapriority.rit2007.*&quot; layout=&quot;vertical&quot;> <mx:Label id=&quot;cityLabel&quot; text=&quot;{cityList.currentCity}&quot; /> <rit2007:CityList id=&quot;cityList&quot; cityChange=&quot;labelBlur.play()“ /> <mx:Blur id=&quot;labelBlur&quot; target=&quot;{cityLabel}&quot; blurXFrom=&quot;50“ blurXTo=&quot;0&quot; /> </mx:Application>

20. Code behind Код: Разметка: <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <LoginFormBase direction=&quot;vertical&quot; xmlns=&quot;com.riapriority.rit2007.*&quot; xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;> <mx:Form defaultButton=&quot;{submitButton}&quot;> <mx:FormItem label=&quot;Имя:&quot; required=&quot;true&quot;> <mx:TextInput id=&quot;yourName&quot; /> </mx:FormItem> <mx:FormItem label=&quot;&quot;> <mx:Button id=&quot;submitButton&quot; label=&quot;Подтвердить&quot;/> </mx:FormItem> </mx:Form> </LoginFormBase> package com.riapriority.rit2007 { import flash.events.MouseEvent; import mx.containers.Box; import mx.controls.Alert; import mx.controls.Button; import mx.controls.TextInput; import mx.events.FlexEvent; import mx.utils.StringUtil; public class LoginFormBase extends Box { public var yourName:TextInput; public var submitButton:Button; public function LoginFormBase() { addEventListener(FlexEvent.CREATION_COMPLETE, onComplete); } private function onComplete (event:FlexEvent): void { submitButton.addEventListener(MouseEvent.CLICK, onSubmit); } private function onSubmit (event:MouseEvent): void { var message:String = StringUtil.substitute ( &quot;Превед, {0}!&quot; , yourName.text); Alert.show(message); } } }

23. Flash vs Flex

24. Q&A Константин Ковалев RIA- разработчик http://www.riapriority.com/ [email_address]