1、第一步，这里作为一个实例，需要在Flex项目下直接新建一个Flex应用程序，名称根据自己的需要起，在这个实例中取名“Line.mxml”，并修改应用程序中的宽度和高度，按照百分比来算，如下图所示：
2、第二步，利用Flash Builder4.0中快速的设计模式，直接将ColorPicker组件拖放到视图上，这样可以快速的节约时间，如下图所示：
3、第三步，这里，利用ColorPicker改变VBox容器的背景色，那么需要给VBox一个ID；又由于ColorPicker改变是要绑定它的艘早祓胂change事件，故给ColorPicker一个change事件<mx:VBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" id="bg"> <mx:ColorPicker id="selectColor" change="selectColor_changeHandler(event)"/> </mx:VBox>如下图所示：
4、第四步，在ColorPicker的change事件，需要给VBox设置背景色，直接利用setStyle方法id.setStyle(属性名称荑樊综鲶,属性值);/** * 改变颜色改变背景色 */ protected function selectColor_changeHandler(event:ColorPickerEvent):void { bg.setStyle("backgroundColor",selectColor.selectedColor); }这样就可以设置VBox的背景色如下图所示：
5、第五步，直接运行Flex应用程序，将会在浏览器上看到下图，改变ColorPicker颜色值，VBox背景色也随之改变，如下图所示：
