Flex Containers and Layout Management Canvas Source Code

Flex Containers and Layout Management Sample Source Code:

Create a mxml file:
CanvasDemo.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Canvas> <mx:Text text="The canvas allows you to use absolute positioning to layout your components"/> <mx:VBox x="100" y="100" width="100" height="100" backgroundColor="#0080C0"/> <mx:VBox x="150" y="150" width="100" height="100" backgroundColor="#FFFF80"/> <mx:VBox x="180" y="120" width="100" height="100" backgroundColor="#8080C0" alpha=".8"/> <mx:TextInput width="200" x="150" y="25"/> <mx:TextInput width="200" x="150" y="50"/> <mx:TextInput width="200" x="150" y="75"/> <mx:Text x="80" y="140" text="The Canvas also allows you to overlay components on top of each other"/> </mx:Canvas> </mx:Application>