使用ColorPicker 控制容器背景颜色

发布于,归属于flex实例沙发还空着,抢! 共有221人围观    

先来看下面的示例:

来看源代码:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="veiw.*">   
  3.     <mx:Canvas id="cnv" width="450" height="450" backgroundColor="#eeaeaea">
  4.         <mx:ColorPicker id="pckr" right="10" top="10" change="setColor(event)"/>
  5.     </mx:Canvas>
  6.     <mx:Script>
  7.     <![CDATA[
  8.     import mx.events.ColorPickerEvent;
  9.     private function setColor(evt:ColorPickerEvent):void
  10.     {
  11.     cnv.setStyle("backgroundColor",evt.color); }
  12.     ]]>
  13.     </mx:Script>
  14.  
  15.  
  16.  
  17. </mx:Application>

很简单的结构,使用ColorPicker 的change事件来设定Canvas的背景颜色。
setStyle方法用于设置容器样式。

(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)