用Flash MX 2004自制调色版和配色组件（五）

王咏刚，2005年4月

颜色按钮组件对应的是ColorCombo类，它负责下拉或收回调色版，负责向应用程序发送change事件。它的代码如下：

import mx.core.UIComponent;
import mx.controls.Button;
import wix.*;

[IconFile("ColorCombo.png")]
[InspectableList("color", "visible", "enabled")]
[Event("change")]
class wix.ColorCombo extends UIComponent
{
static var version:String = "1.0.0";
static var symbolName:String = "ColorCombo";
static var symbolOwner:Object = Object(wix.ColorCombo);
var className:String = "ColorCombo";

private var curDepth:Number = 950;

private var picker:ColorPicker;
private var box:MovieClip;
private var up:MovieClip;
private var over:MovieClip;
private var down:MovieClip;
private var state:Number = 0;
private var drop:Boolean = false;
private var boundingBox_mc:MovieClip;
private var buttonClose:mx.controls.Button;

private var _color:Number = 0x000000;
[Inspectable(defaultValue=0x000000, type="Color")]
public function get color():Number {
  return _color;
}
public function set color(newColor:Number) {
  if (enabled) {
   _color = ColorMan.toInteger(newColor, 0, 0xFFFFFF);
   picker.color = _color;
   update();
  }
}

function init(Void):Void {
  super.init();
}

function size(Void):Void {
  super.size();
  box._width = this.width - 2;
  box._height = this.height - 2;
  up._width = this.width;
  over._width = this.width;
  down._width = this.width;
  up._height = this.height;
  over._height = this.height;
  down._height = this.height;
  boundingBox_mc._width = this.width;
  boundingBox_mc._height = this.height;
  picker._y = box._height + 3;
  buttonClose._y = picker._y + 7;
}

function draw(Void):Void {
  super.draw();
  size();
}

public function createChildren(Void):Void
{
  super.createChildren();
  createObject("ColorBox", "box", curDepth++);
  box._x = box._y = 1;
  box.useHandCursor = true;
  box.onPress = onPressButton;
  box.onRollOver = onRollOverButton;
  box.onRollOut = onRollOutButton;
  box.onDragOut = onRollOutButton;
  box.onRelease = onReleaseButton;

  createObject("ButtonUp", "up", curDepth++);
  createObject("ButtonOver", "over", curDepth++);
  createObject("ButtonDown", "down", curDepth++);
  up._x = up._y = over._x = over._y = down._x = down._y = 0;

  createObject("ColorPicker", "picker", curDepth++);
  picker._x = 0; picker._y = 51;
  picker.color = _color;
  var o = new Object();
  o.change = onPickerChange;
  picker.addEventListener("change", o);

  createClassObject(mx.controls.Button, "buttonClose", curDepth++);
  buttonClose._x = 7; buttonClose._y = 58; buttonClose.setSize(22, 22);
  buttonClose.label = "X";
  o = new Object();
  o.click = onPressButtonClose;
  buttonClose.addEventListener("click", o);

  viewButton();
  viewPicker();

  update();
}

public function onPressButton() {
  if (_parent.enabled) {
   _parent.drop = !_parent.drop;
   _parent.viewPicker();
   _parent.state = 2;
   _parent.viewButton();
  }
}

public function onReleaseButton() {
  if (_parent.enabled) {
   if (_parent.box.hitTest(_root._xmouse, _root._ymouse))
    _parent.state = 1;
   else
    _parent.state = 0;
   _parent.viewButton();
  }
}

public function onRollOverButton() {
  if (_parent.enabled) {
   _parent.state = 1;
   _parent.viewButton();
  }
}

public function onRollOutButton() {
  if (_parent.enabled) {
   _parent.state = 0;
   _parent.viewButton();
  }
}

public function onPressButtonClose(eventObj) {
  var p = eventObj.target._parent;
  if (p.enabled) {
   p.drop = false;
   p.viewPicker();
  }
}

public function viewPicker() {
  if (enabled) {
   picker.visible = drop;
   picker.enable(drop);
   buttonClose.visible = drop;
   buttonClose.enabled = drop;
  }
}

public function viewButton() {
  switch (state)
  {
  case 0:
   up._visible = true;
   over._visible = false;
   down._visible = false;
   break;
  case 1:
   up._visible = false;
   over._visible = true;
   down._visible = false;
   break;
  case 2:
   up._visible = false;
   over._visible = false;
   down._visible = true;
   break;
  }
}

public function onPickerChange(eventObj) {
  if (eventObj.target._parent.enabled) {
   eventObj.target._parent._color = eventObj.target.color;
   eventObj.target._parent.update();
  }
}

public function update(Void):Void {
  if (enabled) {
   var c = new Color(box);
   c.setRGB(_color);
   dispatchEvent({type:"change", target:this});
  }
}
}

好了，重要的代码都在这里了。代码写得不好，仅供喜欢用Flash MX 2004开发应用又不熟悉组件编程的程序员参考。

——就到这里吧。还有，我是直接从记事本复制粘贴代码到这个blog里来的，结果似乎不大好，代码的缩进格式远不如记事本里好看了。没时间整理格式，又对不住大家了 :-)