ColorPickerPreference

A library that let you implement ColorPickerView, ColorPickerDialog, ColorPickerPreference.
Could get HSV color, RGB values, Html color code from your gallery pictures or custom images just by touching.

Including in your project

build.gradle

dependencies {
  compile 'com.github.skydoves:colorpickerpreference:1.0.3'
}

Usage

ColorPickerView

Could be used just like using ImageView and provides colors from any images.

Add XML Namespace

First add below XML Namespace inside your XML layout file.

xmlns:app="http://schemas.android.com/apk/res-auto"

ColorPickerView in layout

<com.skydoves.colorpickerpreference.ColorPickerView
        android:id="@+id/colorPickerView"
        android:layout_width="300dp"
        android:layout_height="300dp"
        app:palette="@drawable/palette"
        app:selector="@drawable/wheel" />

Attribute description

app:palette="@drawable/palette" // set palette image

app:selector="@drawable/wheel" // set selector image. This isn't required always. If you don't need, don't use.

Color Selected Listener

colorPickerView.setColorListener(new ColorListener() {
            @Override
            public void onColorSelected(ColorEnvelope colorEnvelope) {
                LinearLayout linearLayout = findViewById(R.id.linearLayout);
                linearLayout.setBackgroundColor(colorEnvelope.getColor());
            }
        });

ColorEnvelope

onColorSelected method tosses a ColorEnvelope's instance.
ColorEnvelope provides HSV color, html color code, rgb.

colorEnvelope.getColor() // int
colorEnvelope.getHtmlCode() // String
colorEnvelope.getRgb() // int[3]

save and restore

If you want to save selector's position and get selected color in the past, you should set ColorPicker's
Preference name using setPreferenceName method.

colorPickerView.setPreferenceName("MyColorPickerView");

And you should save data when you want.
Then selector's position will be restored when ColorPickerView is created.

@Override
protected void onDestroy() {
   super.onDestroy();
   colorPickerView.saveData();
 }

And you could get colors saved in the last using below methods.
Below methods need default color(if was not saved any colors it will returns default color) as an argument.

int color = colorPickerView.getSavedColor(Color.WHITE);
String htmlColor = colorPickerView.getSavedColorHtml(Color.WHITE);
int[] colorRGB = colorPickerView.getSavedColorRGB(Color.WHITE);

ColorPickerDialog

Could be used just like using AlertDialog and provides colors from any images.
It extends AlertDialog, so you could customizing themes also.

ColorPickerDialog.Builder builder = new ColorPickerDialog.Builder(this, AlertDialog.THEME_DEVICE_DEFAULT_DARK);
builder.setTitle("ColorPicker Dialog");
builder.setPreferenceName("MyColorPickerDialog");
builder.setFlagView(new CustomFlag(this, R.layout.layout_flag));
builder.setPositiveButton(getString(R.string.confirm), new ColorListener() {
   @Override
   public void onColorSelected(ColorEnvelope colorEnvelope) {
      TextView textView = findViewById(R.id.textView);
      textView.setText("#" + colorEnvelope.getHtmlCode());

      LinearLayout linearLayout = findViewById(R.id.linearLayout);
      linearLayout.setBackgroundColor(colorEnvelope.getColor());
     }
   });
   builder.setNegativeButton(getString(R.string.cancel), new DialogInterface.OnClickListener() {
      @Override
      public void onClick(DialogInterface dialogInterface, int i) {
      dialogInterface.dismiss();
   }
});
builder.show();

save and restore

If you want to save selector's position and get selected color in the past, you should set ColorPicker's
Preference name using setPreferenceName method.
In case of ColorPickerDialog, saveData() method will be invoked automatically when PositiveButton be selected.
Then selector's position will be restored when be created ColorPickerDialog. so just setting setPreferenceName is done.

ColorPickerView colorPickerView = builder.getColorPickerView();
colorPickerView.setPreferenceName("MyColorPickerDialog");

set saved color manually

You can set saved color manually.

colorPickerView.setSavedColor(YOUR_COLOR);

clear saved data

You can clear all of ColorPicker's preference data.

colorPickerView.clearSavedData();