Question

Is it possible to use the Flex Framework and Components, without using MXML? I know ActionScript pretty decently, and don’t feel like messing around with some new XML language just to get some simple UI in there. Can anyone provide an example consisting of an .as file which can be compiled (ideally via FlashDevelop, though just telling how to do it with the Flex SDK is ok too) and uses the Flex Framework? For example, just showing a Flex button that pops open an Alert would be perfect.

If it’s not possible, can someone provide a minimal MXML file which will bootstrap a custom AS class which then has access to the Flex SDK?

Answer 1

I did a simple bootstrap similar to Borek (see below). I would love to get rid of the mxml file, but if I don’t have it, I don’t get any of the standard themes that come with Flex (haloclassic.swc, etc). Does anybody know how to do what Theo suggests and still have the standard themes applied?

Here’s my simplified bootstrapping method:

main.mxml

<?xml version='1.0' encoding='utf-8'?> <custom:ApplicationClass xmlns:custom='components.*'/> 

ApplicationClass.as

package components {     import mx.core.Application;     import mx.events.FlexEvent;     import flash.events.MouseEvent;     import mx.controls.Alert;     import mx.controls.Button;      public class ApplicationClass extends Application {         public function ApplicationClass () {             addEventListener (FlexEvent.CREATION_COMPLETE, handleComplete);         }         private function handleComplete( event : FlexEvent ) : void {             var button : Button = new Button();             button.label = 'My favorite button';             button.styleName='halo'             button.addEventListener(MouseEvent.CLICK, handleClick);             addChild( button );         }         private function handleClick(e:MouseEvent):void {             Alert.show('You clicked on the button!', 'Clickity');         }     } } 

---

Here are the necessary updates to use it with Flex 4:

main.mxml

<?xml version='1.0' encoding='utf-8'?> <local:MyApplication xmlns:fx='http://ns.adobe.com/mxml/2009' xmlns:local='components.*' /> 

MyApplication.as

package components {     import flash.events.MouseEvent;     import mx.controls.Alert;     import mx.events.FlexEvent;     import spark.components.Application;     import spark.components.Button;      public class MyApplication extends Application {         public function MyApplication() {               addEventListener(FlexEvent.CREATION_COMPLETE, creationHandler);         }         private function creationHandler(e:FlexEvent):void {             var button : Button = new Button();             button.label = 'My favorite button';             button.styleName='halo'             button.addEventListener(MouseEvent.CLICK, handleClick);             addElement( button );         }         private function handleClick(e:MouseEvent):void {             Alert.show('You clicked it!', 'Clickity!');         }     } }