2.3.使用ColorPicker設置Canvas顏色

2024-04-27 13:51:44

字體：大中小

來源：轉載

供稿：網友

2.3.1. 問題
我想要讓用戶使用色彩選取器來修改一個組件的顏色。
2.3.2. 解決辦法
為用戶提供一個用來選取顏色的調色板。并且使用ColorPicker 控件的change 事件來設定Canvas 的背景顏色。
2.3.3. 討論
讓用戶使用一個調色板。創建一個程序，使用ColorPicker 控件來改變Canvas 控件的backgroundColro 屬性(背景色)。ColorPicker 控件提供給用戶一種從色彩采樣選取顏色的方式。為了實現我們的需求,Colorpicker 控件的change 事件的處理程序被指向到setColor 方法。

setColor 方法會接受一個包含了當前選中顏色的ColorPickerEvent。具體實現代碼如下：

-XML

<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<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>