Color Picker

Additional

Language
Java
Version
0.0.15 (Nov 7, 2019)
Created
Mar 21, 2015
Updated
Jan 24, 2023
Owner
QuadFlask
Contributors
Gautier MECHLING (Nilhcem)
Tobias Schürg (tobiasschuerg)
QuadFlask
Ryan Ramchandar (RyanRamchandar)
Michael Zhang (HMPerson1)
Damian Mee (meeDamian)
Jon Champagne (jonchampagne)
Yahya Mubaideen [YEH] (bmwz4y)
Athos Garcia (athospg)
Moosa Baloch (moosabaloch)
Gordeev Dmitry (nillsondg)
Marta Rodriguez (martarodriguezm)
rickythefox
dkanada
mabi (crust87)
Matthias Kollmer (mkollmer)
sarthak bhatia (sarthakbhatia106)
yoshi (yosh1)
18
Activity
Badge
Generate
Download
Source code

Color Picker

simple android color picker with color wheel and lightness bar.

Play Store link

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 {
 implementation 'com.github.QuadFlask:colorpicker:0.0.15'
}

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.