EyeDropperFX 1.x Library

Have you ever been using the ColorPicker and wondered, how can I get that color that is in my application? Well, minus taking screenshots and pasting into your favorite image editor, try the EyeDropperFX component!

Core Property Features

This component easily allows you to add eye drop sampling to any flex application. The component is a simple toggle button with an icon. When selected, you have access to the following properties;

Colors

• selectedColor showing the current mouseDown color value.
• currentColor showing the current mouseOver color value.

Each of the properties are bindable, so you can easily position your eye dropper component in your mxml, id the component and bind these colors to a canvas or any other component that might output the hexadecimal values for viewing.

Targets

• targetComponent allows you to target which IUIComponent you are using for the eye dropper's pallet.

A simple example of this is setting the property to the Application.application. This would allow you to sample any component that resides in the Application container, excluding any pop ups and text fields.

Enabling

You can either enable or disable this component with the enabled property. If the toggle button is currently selected and the component is disabled, the cursor will be hidden and the button will show it's disabled state.

Core Style Features

The component also gives you these cursor styles to work with. Use these styles just as you would any other component that uses custom cursors. The component takes care of showing and hiding the cursors.

Cursors

• eyeDropperCursorSkin allows a Class to be used as the eye dropper cursor.
• eyeDropperCursorXOffset allows a number to be specified for the cursor x offset.
• eyeDropperCursorYOffset allows a number to be specified for the cursor y offset.

Core Event Features

The change event is the event you will be listening for dealing with the changing currentColor and selectedColor properties. There are 3 main events this component dispatches;

Color Change

• change allows you to listen to the change in value of both selectedColor and currentColor.
• currentColorChanged allows you to listen to the change in value of scurrentColor.
• selectedColorChanged allows you to listen to the change in value of selectedColor.