root/as3/gunyarapaint/trunk/gunyarapaint/src/org/libspark/gunyarapaint/controls/PenDetailControlScript.as

import mx.containers.GridItem;
import mx.core.Application;
import mx.core.IFlexDisplayObject;
import mx.events.CloseEvent;
import mx.events.FlexEvent;
import mx.events.ListEvent;
import mx.events.SliderEvent;
import mx.managers.PopUpManager;

import org.libspark.gunyarapaint.entities.GPPen;
import org.sepy.controls.SColorPicker;
import org.sepy.events.SPickerEvent;

private var _pen:GPPen;

import mx.core.IFlexDisplayObject;
import flash.display.Graphics;
import flash.display.DisplayObject;
import org.libspark.gunyarapaint.controls.GPCanvas;
import flash.events.Event;
import org.libspark.gunyarapaint.controls.PenDetailControl;
mx.core.IFlexDisplayObject; // for not erase

private var gridItemPalette:GridItem;

public function init():void {
  // 太さ
  thicknessSlider.addEventListener(SliderEvent.CHANGE, thicknessSliderHandler);
  
  // PENモード変更ボタンたち
  dropperButton.addEventListener(Event.CHANGE, dropperButtonHandler);
  handtoolButton.addEventListener(Event.CHANGE, handtoolButtonHandler);
  eraserButton.addEventListener(Event.CHANGE, eraserButtonHandler);
  
  // colorpicker出すボタン
  colorPickerButton.addEventListener(FlexEvent.BUTTON_DOWN, colorPickerButtonHandler);
  
  // 透明度
  alphaSlider.addEventListener(SliderEvent.CHANGE, alphaSliderHandler);

  // 線種
  penModeComboBox.dataProvider = [
    {label: '手描き', data: GPPen.PEN_MODE_HAND },
/*    {label: 'スポイト', data: GPPen.PEN_MODE_DROPPER }, */
    {label: '直線', data: GPPen.PEN_MODE_LINE },
/*    {label: '四角', data: GPPen.PEN_MODE_RECT },
    {label: '円', data: GPPen.PEN_MODE_ELLIPSE },
    {label: '角丸四角', data: GPPen.PEN_MODE_ROUND_RECT }, */
    {label: 'ペイント', data: GPPen.PEN_MODE_FLOOD_FILL }
  ];
  penModeComboBox.addEventListener(ListEvent.CHANGE, penModeComboBoxHandler);
  
  // ブレンドモード
  blendModeComboBox.dataProvider = [
    {label: '通常', data: flash.display.BlendMode.NORMAL},
    // {label: '消去', data: flash.display.BlendMode.ERASE}, // eraserButtonで設定させる
    {label: '比較(暗)', data: flash.display.BlendMode.DARKEN},
    {label: '乗算', data: flash.display.BlendMode.MULTIPLY},
    {label: '比較(明)', data: flash.display.BlendMode.LIGHTEN},
    {label: 'スクリーン', data: flash.display.BlendMode.SCREEN},
    {label: '覆い焼き', data: flash.display.BlendMode.ADD},
    {label: 'オーバーレイ', data: flash.display.BlendMode.OVERLAY},
    {label: 'ハードライト', data: flash.display.BlendMode.HARDLIGHT},
    {label: '差の絶対値', data: flash.display.BlendMode.DIFFERENCE},
    {label: '除外', data: flash.display.BlendMode.SUBTRACT},
    {label: '反転', data: flash.display.BlendMode.INVERT}];
  blendModeComboBox.addEventListener(ListEvent.CHANGE, blendModeComboBoxHandler);

  this._pen = new GPPen();
  _pen.control = this;
  gridItemPaletteClickHandler(1);
}

private function gridItemPaletteClickHandler(index:uint):void {
  var pal:GridItem = this['gridItemPalette' + index];
  if (gridItemPalette) {
    gridItemPalette.setStyle('borderThickness', 1);
    gridItemPalette.setStyle('borderColor', 0xb7babc);
  }
  pal.setStyle('borderThickness', 3);
  pal.setStyle('borderColor', 0x000000);
  gridItemPalette = pal;
  _pen.color = gridItemPalette.getStyle('backgroundColor');
  changePen();
}

private function colorPickerButtonHandler(evt:FlexEvent):void {
  // FIXME: お絵かきのログにパレット変更も反映したい
  var picker:SColorPicker = new SColorPicker();
  picker.selectedColor = gridItemPalette.getStyle('backgroundColor');
  picker.title = "パレットに入れる色を選んでください。";

  // display the 'x' close button
  picker.showCloseButton = true;  
  // picker.add_swatch = true;
  // picker.picker_enabled = true;
  
  picker.addEventListener(CloseEvent.CLOSE, function(event:CloseEvent):void { PopUpManager.removePopUp(IFlexDisplayObject(event.target)); } );
  picker.addEventListener(SPickerEvent.CHANGING, pickerHandler);
  picker.addEventListener(SPickerEvent.SWATCH_ADD, pickerHandler);
  picker.addEventListener(Event.CHANGE, pickerHandler);

  PopUpManager.addPopUp(picker, Application.application as DisplayObject, true);
  PopUpManager.centerPopUp(picker);
}

private function pickerHandler(evt:Event):void {
  if (evt.type == SPickerEvent.CHANGING) { // avoid bug of component
  } else if (evt.type == SPickerEvent.SWATCH_ADD) {
  } else if (evt.type == Event.CHANGE) {
    _pen.color = SColorPicker(evt.target).selectedColor;
    gridItemPalette.setStyle('backgroundColor', _pen.color);
    PopUpManager.removePopUp(IFlexDisplayObject(evt.target));
    changePen();
  }
}

// TODO: こいつらをスッキリまとめるべきでーす。
private function dropperButtonHandler(evt:Event):void {
  handtoolButton.selected = false;
  eraserButton.selected = false;
  setTool(GPPen.PEN_MODE_DROPPER, null, evt.target.selected);
}

private function handtoolButtonHandler(evt:Event):void {
  dropperButton.selected = false;
  eraserButton.selected = false;
  setTool(GPPen.PEN_MODE_HANDTOOL, null, evt.target.selected);
}

private function eraserButtonHandler(evt:Event):void {
  handtoolButton.selected = false;
  dropperButton.selected = false;
  setTool(GPPen.PEN_MODE_ERASER, BlendMode.ERASE, evt.target.selected);
}

public function cancelTool():void {
  dropperButton.selected = false;
  handtoolButton.selected = false;
  eraserButton.selected = false;
  _pen.mode = uint(penModeComboBox.value);
}

public function setTool(penMode:uint, penBlendMode:String, b:Boolean):void {
  if (b) {
    if (penMode) {
      _pen.mode = penMode;
      changePen();
    }
    if (penBlendMode) {
      _pen.blendMode = penBlendMode;
      changePen();
    }
  } else {
    _pen.mode = uint(penModeComboBox.value);
    _pen.blendMode = String(blendModeComboBox.value);
    changePen();
  }
}

private function penModeComboBoxHandler(evt:ListEvent):void {
  cancelTool();
  _pen.mode = uint(evt.currentTarget.value);
  changePen();
}

private function blendModeComboBoxHandler(evt:ListEvent):void {
  cancelTool();
  _pen.blendMode = String(evt.currentTarget.value);
  changePen();
}

private function thicknessSliderHandler(evt:SliderEvent):void {
  cancelTool();
  _pen.thickness = evt.value;
  changePen();
}

private function changeThickness(t:uint):void {
  cancelTool();
  thicknessSlider.value = t;
  _pen.thickness = t;
  changePen();
}

private function alphaSliderHandler(evt:SliderEvent):void {
  _pen.alpha = evt.value;
  changePen();
}

public function penColorChangeHandler():void {
  gridItemPalette.setStyle('backgroundColor', _pen.color);
  changePen();  
}

// TODO:整理する
public function changePen():void {
  drawPreview();

  switch(_pen.mode) {
  case GPPen.PEN_MODE_HAND:
  case GPPen.PEN_MODE_LINE:
    thicknessButton1.enabled = true;
    thicknessButton2.enabled = true;
    thicknessButton3.enabled = true;
    thicknessButton4.enabled = true;
    thicknessButton5.enabled = true;
    thicknessSlider.enabled = true;
    alphaSlider.enabled = true;
    blendModeComboBox.enabled = true;
    penModeComboBox.enabled = true;
    paletteGrid.enabled = true;
    break;
  case GPPen.PEN_MODE_DROPPER:
    thicknessButton1.enabled = false;
    thicknessButton2.enabled = false;
    thicknessButton3.enabled = false;
    thicknessButton4.enabled = false;
    thicknessButton5.enabled = false;
    thicknessSlider.enabled = false;
    alphaSlider.enabled = false;
    blendModeComboBox.enabled = false;
    penModeComboBox.enabled = false;
    paletteGrid.enabled = true;
    break;
  case GPPen.PEN_MODE_FLOOD_FILL:
    thicknessButton1.enabled = false;
    thicknessButton2.enabled = false;
    thicknessButton3.enabled = false;
    thicknessButton4.enabled = false;
    thicknessButton5.enabled = false;
    thicknessSlider.enabled = false;
    alphaSlider.enabled = true;
    blendModeComboBox.enabled = true;
    penModeComboBox.enabled = true;
    paletteGrid.enabled = true;
    break;
  case GPPen.PEN_MODE_HANDTOOL:
    thicknessButton1.enabled = false;
    thicknessButton2.enabled = false;
    thicknessButton3.enabled = false;
    thicknessButton4.enabled = false;
    thicknessButton5.enabled = false;
    thicknessSlider.enabled = false;
    alphaSlider.enabled = false;
    blendModeComboBox.enabled = false;
    penModeComboBox.enabled = false;
    paletteGrid.enabled = false;
    break;
  case GPPen.PEN_MODE_ERASER:
    thicknessButton1.enabled = true;
    thicknessButton2.enabled = true;
    thicknessButton3.enabled = true;
    thicknessButton4.enabled = true;
    thicknessButton5.enabled = true;
    thicknessSlider.enabled = true;
    alphaSlider.enabled = true; // 消しゴムはalpha値に対応している。
    blendModeComboBox.enabled = false;
    penModeComboBox.enabled = false;
    paletteGrid.enabled = false;
    break;
  }

  this.dispatchEvent(new Event('changePen'));
}

private function drawPreview():void {
  var g:Graphics = previewCanvas.graphics;
  g.clear();
  g.beginFill(_pen.color, _pen.alpha);
  g.drawCircle((previewCanvas.width) / 2,
               (previewCanvas.height) / 2,
               _pen.thickness / 2);
  g.endFill();
}

public function get pen():GPPen {
  return _pen;
}

public function get dataForPost():Object {
  return {
    'palettes': [
      gridItemPalette1.getStyle('backgroundColor'),
      gridItemPalette2.getStyle('backgroundColor'),
      gridItemPalette3.getStyle('backgroundColor'),
      gridItemPalette4.getStyle('backgroundColor'),
      gridItemPalette5.getStyle('backgroundColor'),
      gridItemPalette6.getStyle('backgroundColor'),
      gridItemPalette7.getStyle('backgroundColor'),
      gridItemPalette8.getStyle('backgroundColor'),
      gridItemPalette9.getStyle('backgroundColor'),
      gridItemPalette10.getStyle('backgroundColor'),
      gridItemPalette11.getStyle('backgroundColor'),
      gridItemPalette12.getStyle('backgroundColor'),
      gridItemPalette13.getStyle('backgroundColor'),
      gridItemPalette14.getStyle('backgroundColor'),
      gridItemPalette15.getStyle('backgroundColor'),
      gridItemPalette16.getStyle('backgroundColor'),
      gridItemPalette17.getStyle('backgroundColor'),
      gridItemPalette18.getStyle('backgroundColor'),
      gridItemPalette19.getStyle('backgroundColor'),
      gridItemPalette20.getStyle('backgroundColor'),
      gridItemPalette21.getStyle('backgroundColor')
    ]
  };
}