Source link: https://github.com/AzeeSoft/AndroidPhotoshopColorPicker

AndroidPhotoshopColorPicker

A full featured Color picker Library for Android! Just like the one in Photoshop!

Features

Hue bar - Adjust hue using a slider
Saturation & Value Box - Select the color from the Saturation & Value Box (like in Photoshop)
Alpha bar - Adjust the alpha using a slider
Preview - You can see the current selected and previously picked colors side-by-side
Edit each component individually - You can edit Hue, Saturation, Value, Red, Green and Blue components individually
Fully customizable - By default, there are two themes(Light and Dark). But you can define your own theme to customize the whole ColorPicker
Easy to use - All the hardwork is done by us. Just a few lines of code is all you have to do

Requirements

Tested with APIv11, but will most probably work with earlier versions as well.

Installation (Adding to your project)

The library is posted on jcenter. So, just the following code should be enough to get you started:

Place this in your app module's build.gradle file:

dependencies {

compile 'com.azeesoft.lib.colorpicker:colorpicker:1.0.8@aar' 
}

If there is any error while building the project using the above mentioned step, add the following code in that build.gradle file and build again:

repositories {

  maven {

url 'https://dl.bintray.com/azeesoft/maven'
  
}
 
}

After successful build, you can use ColorPickerDialog as a part of your project.

Usage

Create a new ColorPickerDialog object using the static method createColorPickerDialog()

To create a default ColorPickerDialog with Light theme, use


 ColorPickerDialog colorPickerDialog= ColorPickerDialog.createColorPickerDialog(this);

To create a ColorPickerDialog with Dark theme, use


 ColorPickerDialog colorPickerDialog= ColorPickerDialog.createColorPickerDialog(this,ColorPickerDialog.DARK_THEME);

Set an OnColorPickedListener to call when the color is picked:

 colorPickerDialog.setOnColorPickedListener(new ColorPickerDialog.OnColorPickedListener() {

@Override

public void onColorPicked(int color, String hexVal) {

 //Your code here

}
  
}
);

Customize the colorPickerDialog if needed using appropriate methods and show the dialog:

 colorPickerDialog.setHexaDecimalTextColor(Color.parse("#ffffff"));
 //There are many functions like this  colorPickerDialog.show();

To create a ColorPickerDialog with Custom theme, create a new style with any of the ColorPicker themes as parent and use the following attributes:

cp_showOpacityBar (boolean) : Show/Hide Opacity Bar
cp_showHexaDecimalValue (boolean) : Show/Hide Hexadecimal Value
cp_showColorComponentsInfo (boolean) : Show/Hide Color components information(HSV, RGB, Alpha)
cp_backgroundColor (color) : Background color for the dialog
cp_hexaDecimalTextColor (color) : Text color for the Hexadecimal value
cp_colorComponentsTextColor (color) : Text color for the Color components information(HSV, RGB, Alpha)
cp_positiveActionTextColor (color) : Text color for the Positive Action
cp_negativeActionTextColor (color) : Text color for the Negative Action
cp_sliderThumbColor (color) : Color for the thumb of the slider of Hue bar and Opacity bar

Use any of the following as parent:

ColorPicker
ColorPicker.Dark
ColorPicker.Light

For eg:

styles.xml:

<style name="CustomColorPicker" parent="ColorPicker">
  <item name="cp_backgroundColor">#4745e5</item>
  <item name="cp_hexaDecimalTextColor">#000046</item>
  <item name="cp_colorComponentsTextColor">#fff</item>
  <item name="cp_positiveActionTextColor">@color/colorAccent</item>
  <item name="cp_negativeActionTextColor">@color/colorPrimaryDark</item>
  <item name="cp_sliderThumbColor">#accc</item> </style>

In Java:

ColorPickerDialog colorPickerDialog = ColorPickerDialog.createColorPickerDialog(this,R.style.CustomColorPicker);
 colorPickerDialog.setOnColorPickedListener(new ColorPickerDialog.OnColorPickedListener() {

  @Override
  public void onColorPicked(int color, String hexVal) {

System.out.println("Got color: " + color);

System.out.println("Got color in hex form: " + hexVal);

// Make use of the picked color here
  
}
 
}
);
 colorPickerDialog.show();