PaletteBar for Android

A color picker bar with a horizontal rainbow and vertically changing hue values, implemented as a custom View. Just add the single class file, PaletteBar.java, to your Android project.

In this screenshot, a light green has been selected:

Touch and optionally drag to change colors, then release to select, as shown in the gifs below. The border of the picker changes to match the selection, and its width can be changed via setColorMarginPx(). The bar will scale uniformly. Make sure to register for color selection via setListener(PaletteBarListener listener). Note that the onColorSelected(int color) callback will be made with the starting color, black, as soon as the listener is registered.

Here's PaletteBar in the MeetMe app's chat photo editor:

and in a simple drawing app:

Pardon the gifs' grainyness and mouse cursor. And the misspelling of "color", depending on your geography.

Usage

 <com.meetme.android.palettebar.PaletteBar
        android:id="@+id/paletteBar"
        android:layout_width="match_parent"
        android:layout_height="40dp" />

You then attach a PaletteBarListener to be notified of color changes

PaletteBar paletteBar = findViewById(R.id.paletteBar);
paletteBar.setListener(new PaletteBarListener() {
    @Override
    public void onColorSelected(int colorInt) {
        // Use the selected color
    }
});

License

Apache 2.0

Copyright 2016 MeetMe, Inc.

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.