Home Tutorial Flex Flex-components Color Picker in Flex

 
 

Share on Google+Share on Google+
Color Picker in Flex
Posted on: January 20, 2010 at 12:00 AM
Advertisement
In this current tutorial we will come to know about the color picker component of Flex. A color picker helps users to select a color of their own choice. A color picker is a component which displays a set of color as swatch and user has to pick a color.

Adobe Flex Color Picker:

A color picker helps users to select a color of their own choice. A color picker is a component which displays a set of color as swatch and user has to pick a color. The sample panel displays set of colors which is generally called web-safe colors (216 colors).


Adobe Flex Color Picker Example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
[Bindable]
public var colorPick:Array=['0x000000', '0xFF0000', '0xFF8800',
'0xFFFF00', '0x88FF00', '0x00FF00', '0x00FF88', '0x00FFFF'];
]]>
</mx:Script>
<mx:Panel x="0" y="0" width="344" height="158" title="Color Picker Example" horizontalAlign="center" verticalAlign="middle">

<mx:HBox height="100%" width="100%" backgroundColor="{cp.selectedColor}" borderStyle="solid"/>


<mx:ColorPicker id="cp" dataProvider="{colorPick}" selectedColor="0x00FF88" />


</mx:Panel>
</mx:Application>


Output:


In the above figure, whenever we select a color from the color picker component, the HBox component's background will change according to the selection of the color.

Advertisement

Related Tags for Color Picker in Flex:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: January 20, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com