Popularity
6.1
Stable
Activity
0.0
Stable
569
14
127

Programming language: Swift
License: MIT License
Tags: Color    
Latest version: v2.0.5

ChromaColorPicker alternatives and similar libraries

Based on the "Color" category.
Alternatively, view ChromaColorPicker alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of ChromaColorPicker or a related project?

Add another 'Color' Library

README

An intuitive HSB color picker built in Swift. Supports multiple selection handles and is customizable to your needs.

Looking for version 1.x? Version 1.x.x can be found on the legacy branch. While the pod is still available, it is deprecated and projects should migrate to 2.0.

Examples

let colorPicker = ChromaColorPicker(frame: CGRect(x: 0, y: 0, width: 300, height: 300))
addSubview(colorPicker)

// Optional: Attach a ChromaBrightnessSlider to a ChromaColorPicker
let brightnessSlider = ChromaBrightnessSlider(frame: CGRect(x: 0, y: 0, width: 280, height: 32))
addSubview(brightnessSlider)

colorPicker.connect(brightnessSlider) // or `brightnessSlider.connect(to: colorPicker)`
  • View the Example app for more.

Usage

Multiple Handles

// Add handle at color
let peachColor = UIColor(red: 1, green: 203 / 255, blue: 164 / 255, alpha: 1)
colorPicker.addHandle(at: peachColor)

// Add handle with reference
let customHandle = ChromaColorHandle()
customHandle.color = UIColor.purple
colorPicker.addHandle(customHandle)

// Add handle and keep reference
let handle = colorPicker.addHandle(at: .blue)

Custom Handle Icon

let homeHandle = ChomaColorHandle(color: .blue)
let imageView = UIImageView(image: #imageLiteral(resourceName: "home-icon").withRenderingMode(.alwaysTemplate))
imageView.contentMode = .scaleAspectFit
imageView.tintColor = .white
homeHandle.accessoryView = imageView
homeHandle.accessoryViewEdgeInsets = UIEdgeInsets(top: 2, left: 4, bottom: 4, right: 4)

colorPicker.addHandle(homeHandle)

Installation

Carthage

github "joncardasis/ChromaColorPicker"

Cocoapods

pod 'ChromaColorPicker'

Manually

Add all files from the Source folder to your project.

Components

Component Description
ChromaColorPicker An HSB color picker with support for adding multiple color selection handles.
ChromaBrightnessSlider A slider UIControl which can be attached to any ChromaColorPicker via the connect(to:) method. ChromaBrightnessSlider can also function as a stand-alone UIControl.

Supported UIControlEvents

Both ChromaBrightnessSlider and ChromaColorPicker conform to UIControl. Each send UIControlEvents which can be observed via via UIControl's addTarget method.

ChromaColorPicker | Event | Description | | :-----------------:|:-------------| | .valueChanged | Called whenever the color has changed. | | .touchUpInside | Called when a handle is released. |

ChromaBrightnessSlider | Event | Description | | :-----------------:|:-------------| | .touchDown | Called when a the slider is grabbed. | | .valueChanged | Called whenever the slider is moved and the value has changed. | | .touchUpInside | Called when the slider handle is released. |

// Example
brightnessSlider.addTarget(self, action: #selector(sliderDidValueChange(_:)), for: .valueChanged)

@objc func sliderDidValueChange(_ slider: ChromaBrightnessSlider) {
  print("new color: \(slider.currentColor)")
}

License

ChromaColorPicker is available under the MIT license. See the LICENSE file for more info.


*Note that all licence references and agreements mentioned in the ChromaColorPicker README section above are relevant to that project's source code only.