Color Picker

Additional

Language
Java
Version
0.0.13 (Jan 31, 2017)
Created
Mar 21, 2015
Updated
Oct 15, 2018
Owner
QuadFlask
Contributors
Nilhcem
QuadFlask
RyanRamchandar
HMPerson1
meeDamian
jonchampagne
bmwz4y
athospg
moosabaloch
nillsondg
Marta Rodriguez (martarodriguezm)
rickythefox
12
Activity
Badge
Generate
Download
Source code
APK file

Show card

Color Picker

simple android color picker with color wheel and lightness bar.

market link: https://play.google.com/store/apps/details?id=com.flask.colorpicker.sample

Demo video

Youtube

Screenshot

WHEEL_TYPE.FLOWER

WHEEL_TYPE.CIRCLE

How to add dependency?

This library is not released in Maven Central, but instead you can use JitPack

add remote maven url in allprojects.repositories

allprojects {
 repositories {
  maven { url "https://jitpack.io" }
 }
}

then add a library dependency

dependencies {
 compile 'com.github.QuadFlask:colorpicker:0.0.13'
}

or, you can manually download aar and put into your project's libs directory.

and add dependency

dependencies {
 compile(name:'[arrFileName]', ext:'aar')
}

check out latest version at releases

Usage

As a dialog

ColorPickerDialogBuilder
 .with(context)
 .setTitle("Choose color")
 .initialColor(currentBackgroundColor)
 .wheelType(ColorPickerView.WHEEL_TYPE.FLOWER)
 .density(12)
 .setOnColorSelectedListener(new OnColorSelectedListener() {
  @Override
  public void onColorSelected(int selectedColor) {
   toast("onColorSelected: 0x" + Integer.toHexString(selectedColor));
  }
 })
 .setPositiveButton("ok", new ColorPickerClickListener() {
  @Override
  public void onClick(DialogInterface dialog, int selectedColor, Integer[] allColors) {
   changeBackgroundColor(selectedColor);
  }
 })
 .setNegativeButton("cancel", new DialogInterface.OnClickListener() {
  @Override
  public void onClick(DialogInterface dialog, int which) {
  }
 })
 .build()
 .show();

As a widget

 <com.flask.colorpicker.ColorPickerView
  android:id="@+id/color_picker_view"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:alphaSlider="true"
  app:density="12"
  app:lightnessSlider="true"
  app:wheelType="FLOWER"
  app:lightnessSliderView="@+id/v_lightness_slider"
     app:alphaSliderView="@+id/v_alpha_slider"
  />

 <com.flask.colorpicker.slider.LightnessSlider
  android:id="@+id/v_lightness_slider"
  android:layout_width="match_parent"
  android:layout_height="48dp"
  />

 <com.flask.colorpicker.slider.AlphaSlider
  android:id="@+id/v_alpha_slider"
  android:layout_width="match_parent"
  android:layout_height="48dp"
  />

To do

  • gradle support
  • performance improvement
  • refactoring

License

Copyright 2014-2017 QuadFlask

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.