AndroidPhotoshopColorPicker - 一个功能强大的Android颜色选择库

jopen 9年前

AndroidPhotoshopColorPicker

AndroidPhotoshopColorPicker - 一个功能强大的Android颜色选择库。就像Photoshop中的功能一样。

功能特性

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.

(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.

使用

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();