Jump to content


Colorpicker Component and TransformManager

Recommended Posts



Once again here i am asking for help.


I'm trying to add the Colorpicker component to the list of ignored objects in the TransfromManager.


I read some post on the forum, and Jack suggest to set the autoDeselect property to false, and add a background sprite that handles the deselect click.


However, in the current state of my project doing that would involve a LOT of changes and i'm actually tacking advantage of the autoDeselect property.


Is there another way i can add the color picker to the ignore objects?


Thank you very much.

Link to comment
Share on other sites

Not a simple solution, no - the tricky part is that I believe ColorPicker dynamically adds new DisplayObjects on top of things and you'd need to discover those and add them as ignoredObjects.

Link to comment
Share on other sites

Found a not so tricky Solution! :lol:


For some reason if you set a sprite behind the color picker, and add that background to the ignore objects, everything will work fine.


So all you have to do is to listen for OPEN and CLOSE events on the Colorpicker, and when the Colorpicker is opened just dynamically create a background sprite for it, add it to the stage, add it to the ignore Objects, and finally on close just remove the background.


Hope it help somebody.


Thanks Jack.

  • Like 1
Link to comment
Share on other sites

Aha, that'll work too. Thanks for sharing :)

Link to comment
Share on other sites

  • 4 weeks later...

Hi, sorry for the late answer i've been buysy. I'll try to post the snipet tomorrow.

Link to comment
Share on other sites

Hi, Here's what i did in code:


//First, create the backgorund sprite for the color picker
_colorPickerBackground = new Sprite();
var g:Graphics = _colorPickerBackground.graphics;
g.beginFill(0x000000, 0.3);
g.drawRect(0, 0, 217, 177); //I found the dimensions by trial and error

//Second, add the event listener to the color picker
//My color picker is inside the _textEditor movieclip, but this is not necessary.
_textEditor.colorPicker_cp.addEventListener(Event.OPEN, onColorPickerEnter, false, 0, true); 
_textEditor.colorPicker_cp.addEventListener(Event.CLOSE, onColorPickerClose, false, 0, true);

//Third, create the listener functions
private function onColorPickerEnter(evt: Event): void{

  //Set the background x and y position
  _colorPickerBackground.x = _textEditor.x + _textEditor.colorPicker_cp.x + _textEditor.colorPicker_cp.width;
  _colorPickerBackground.y = _textEditor.y + _textEditor.colorPicker_cp.y;

  //Add the background to the ignore list

  //Finally, add the background behind the color picker. In my case, behind the _textEditor
  _mainStage.addChildAt(_colorPickerBackground, _mainStage.getChildIndex(_textEditor));


private function onColorPickerClose(evt: Event): void{

  //Remove the backgorund
  _colorPickerBackground = null


Hope it helps you.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.