Flex Framework Canvas

< mx:Canvas > … < /mx:Canvas >

< mx:Canvas > .. < /mx:Canvas > is container for Flex UI components.

Properties of the < mx:Canvas >

backgroundColor=”Background color of a component”

Type:

            String

borderColor=”Color of the border”

type:

            specify any color

borderStyle=”Bounding box style. The possible values are "none", "solid", "inset", and "outset"

type:

      specify any one of the four values.

borderVisible=”Visibility of the border”

Type:

Boolean

Color: Color of text in the component

Type:

            Specify any color

ContentBackgroundcolor=”Color of text in the component”

Type:

            Specify any color

cornerRadius=”Radius of component corners”

type:

            number

label=”The text displayed by some navigator containers to represent this Container.”

Type:String

Visible=”Whether or not the display object is visible.”

Type:

            Boolean

fontFamily="String"
fontSize="Number"

example:

step 1:

            create file PanelPro.mxml

step 2:

            include following coding into PanlePro.mxml

< ?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" >

< mx:Panel
title="Panel"
height="400" width="400"
backgroundColor="RED"
borderColor="GREEN"
borderStyle="outset"
borderVisible="true"
color="YELLOW"
contentBackgroundColor="#2211FF"
cornerRadius="25"
disabledColor="#232323"
layout="absolute"

x="100"
y="10"
fontFamily="Arial"
fontSize="15" >

< mx:Canvas
backgroundColor="RED"
borderColor="GREEN"
cornerRadius="15" >


< /mx:Canvas >

< /mx:Panel >

< /s:Application >