先来看下面的示例:
来看源代码:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="veiw.*">
- <mx:Canvas id="cnv" width="450" height="450" backgroundColor="#eeaeaea">
- <mx:ColorPicker id="pckr" right="10" top="10" change="setColor(event)"/>
- </mx:Canvas>
- <mx:Script>
- <![CDATA[
- import mx.events.ColorPickerEvent;
- private function setColor(evt:ColorPickerEvent):void
- {
- cnv.setStyle("backgroundColor",evt.color); }
- ]]>
- </mx:Script>
- </mx:Application>
很简单的结构,使用ColorPicker 的change事件来设定Canvas的背景颜色。
setStyle方法用于设置容器样式。

