Canvas Layout Container in Flex4
The Canvas layout Container is used for define a rectangular region in which the user can place child component or controls.
The Canvas layout Container is used for define a rectangular region in which the user can place child component or controls.Canvas Layout Container in Flex4:
The Canvas layout Container is used for define a rectangular region in which the user can place child component or controls. The Canvas layout Container is a MX component. There is no spark component. You can use absolute layout of position of child components. The tag of Canvas Layout Container is <mx:Canvas>.
In this example the colored area shows the Canvas container.
Example:
|
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s=" library://ns.adobe.com/flex/spark"xmlns:mx=" library://ns.adobe.com/flex/mx"minWidth=" 955" minHeight="600"> <s:Panel title="Canvas Layout Container Example" width="253" height="301"> <mx:Canvas backgroundColor="#DBAAAA"width=" 223"height=" 245"x=" 14" y="12">x=" 39" y="23"click="navigateToURL( new URLRequest('http://www.roseindia.net/java'))"/>height=" 50" width="50"x=" 100" y="10"source=" @Embed('C:/work/bikrant/flex4component/horizontallist/java.jpg')"click="navigateToURL( new URLRequest('http://www.roseindia.net/java'))"/> <mx:LinkButton label="iPHONE"x=" 34" y="91&"click="navigateToURL( new URLRequest('http://www.roseindia.net/iphone'))"/> <mx:Imageheight="/font>50" width="50" x=" 100" y="75"source=" @Embed('/C:/work/bikrant/flex4component/horizontallist/iphone.gif')"click="navigateToURL( new URLRequest('http://www.roseindia.net/iphone'))"/> <mx:LinkButton label="FLEX"x=" 46" y="153"click="navigateToURL( new URLRequest('http://www.roseindia.net/flex'))"/> <mx:Imageheight=" 50" width="50"x=" 100" y="140"source=" @Embed('/C:/work/bikrant/flex4component/horizontallist/flex.jpg')"click="navigateToURL( new URLRequest('http://www.roseindia.net/flex'))"/> </mx:Canvas>&</s:Application> |
Output:/h3>
Running Application:
To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.
