IGColorPicker is a fantastic color picker 🎨 written in Swift.
The color picker comes with our set of colors:
But if you don't like them, you are free to use your own colors 🖍:
colorPickerView.colors = [UIColor.red, UIColor.yellow, UIColor.green, UIColor.black]-
style
enum: look and feel of color picker cells-
circle
-
square
-
-
selectionStyle
enum: style applied when a color is selected-
check
-
none
-
-
preselectedIndex
Int?: the index of the preselected color in the color picker -
isSelectedColorTappable
Bool: if true, the selected color can be deselected by a tap -
scrollToPreselectedIndex
Bool: if true, the preselectedIndex is showed in the center of the color picker
IGColorPicker is available through CocoaPods. To install
it, simply add the following line to your Podfile:
pod 'IGColorPicker'To run the example project, clone the repo, and run pod install from the Example directory first.
ColorPickerView is just a class that inheritance from UIView, so you can both use a storyboard or you can create the color picker programmatically:
- Add a
UIViewto the storyboard. Go to the Identity inspector and in set its class toColorPickerView. - Just drag and drop the view in the correct class 🤙🏻
Just initialize the color picker like one would initialize a UIView, and add it as a subview to your view hierarchy.
import IGColorPicker
class ViewController {
var colorPickerView: ColorPickerView!
override func viewDidLoad() {
super.viewDidLoad()
colorPickerView = ColorPickerView(frame: CGRect(x: 0.0, y: 0.0, width: widthSize, height: heightSize))
view.addSubview(colorPickerView)
}
}ColorPickerViewDelegate is the delegate protocol that recognizes the tap gesture on a color. This is an option delegate, but if you need to know when the user selects a color you should implement it.
// Set the delegate 🙋🏻♂️
colorPickerView.delegate = self
// MARK: - ColorPickerViewDelegate
extension ViewController: ColorPickerViewDelegate {
func colorPickerView(_ colorPickerView: ColorPickerView, didSelectItemAt indexPath: IndexPath) {
// A color has been selected
}
// This is an optional method
func colorPickerView(_ colorPickerView: ColorPickerView, didDeselectItemAt indexPath: IndexPath) {
// A color has been deselected
}
}Every developer can customize the color picker layout in the way to fit with their design. To do that you have to implement our layout delegate ColorPickerViewDelegateFlowLayout
// Set the delegate 🙋🏻♂️
colorPickerView.layoutDelegate = self
// MARK: - ColorPickerViewDelegateFlowLayout
extension ViewController: ColorPickerViewDelegateFlowLayout {
// ------------------------------------------------------------------
// All these methods are optionals, your are not to implement them 🖖🏻
// ------------------------------------------------------------------
func colorPickerView(_ colorPickerView: ColorPickerView, sizeForItemAt indexPath: IndexPath) -> CGSize {
// The size for each cell
// 👉🏻 WIDTH AND HEIGHT MUST BE EQUALS!
}
func colorPickerView(_ colorPickerView: ColorPickerView, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
// Space between cells
}
func colorPickerView(_ colorPickerView: ColorPickerView, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
// Space between rows
}
func colorPickerView(_ colorPickerView: ColorPickerView, insetForSectionAt section: Int) -> UIEdgeInsets {
// Inset used aroud the view
}
}- Swift 4.1
- Xcode 9.0+
- iOS 8.3+
Feel free to collaborate with ideas 💭 , issues
Here is a list of ToDo about bug fix and new features you can work on:
- Custom check size
- Support to custom view in
ColorPickerViewSelectStyle - Support custom style in
ColorPickerViewStyle - Substitute
M13Checkboxwith another framework. Or just create a custom checkbox with animation
P.S. If you use IGColorPicker in your app we would love to hear about it! 😉
Copyright (c) 2018 iGenius Srl
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
