Flex ColorWheel
This is a fun and very practical alternative to the Flex ColorPicker it has been used in production with great results. The idea is that most people want more color options than the default color picker and it should look compelling and be easy to use. The ColorWheel is a custom Flex component that can be dropped into any AS or MXML file. It sends a simple FlexColorPicker event type on “change”. See examples below:
and listen for a Flex ColorPickerEvent with
public function handleColorChange(event:ColorPickerEvent):void { // backgroundColor = event.color }
Other Features:
1. Offers 2 modes based on the size of the ColorWheel anything below 50 pixels width or height will show a popup. 2. Popup direction is a style that can be set to up, down, left or right. 3. The number of “steps” between the colors can be set to give more or less of a color gradient. 4. The colors used in the wheel can be set using a custom array of colors. 5. The amounts of light and dark on the colors can be added or taken away for more or less color options.
Easter Egg: 1. To get a greyscale gradient with one color double click on the popup wheel and it will step from black to the selected color to white.
ReadMe:
Hello and thanks for buying this product I am familiar enough with software development to know that bugs happen so feel free to email me at info@wheelerstreet.com with issues regarding the components. Plese put the component name in subject and I will get back as soon as I can.
Install:
The files have been saved as Flex project archives and can be imported as such using File -> Import -> Flex Project… from the menu. Then browsing to the project archive file.
You can also just unzip the ColorWheel.zip project and drop the .swc file or .as source directly in your project and off you go!
Check the ColorWheel Explorer for samples on usage.
Files:
In ColorWheelSource.zip
ColorWheel
- bin/ColorWheel.swc - src/com/wheelerstreet/controls/ColorWheel.as
Complete source code is included in a Flex library project so include the source or a swc.
ColorWheelExplorer
- html-template/ - libs/ColorWheel.swc - src/ColorWheelExplorer.mxml
Contains example of usage and documentation on event handler.
ColorWheelSample
- AC_OETags.js - index.html - playerProductInstall.swf - preview.swf
Feel free to contact me with any issues or feature requests I love this stuff!
