All Projects → malkouz → Mkcolorpicker

malkouz / Mkcolorpicker

Licence: mit
ColorPicker is a fantastic color picker 🎨 written in Swift. Developers can use our color picker as is or they can customize it with all the available features

Programming Languages

swift
15916 projects
swift4
162 projects

Projects that are alternatives of or similar to Mkcolorpicker

colr pickr
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Stars: ✭ 27 (-54.24%)
Mutual labels:  color-picker, picker
Pixel Picker
A tiny menu bar application that helps you pick colours from your screen! 🔍✨
Stars: ✭ 318 (+438.98%)
Mutual labels:  picker, color-picker
vscode-color
Helper with GUI to generate color codes such as CSS color notations.
Stars: ✭ 88 (+49.15%)
Mutual labels:  color-picker, picker
vue-uix
Vue components based on the JUI components available in Vue.js
Stars: ✭ 15 (-74.58%)
Mutual labels:  color-picker, picker
React Modern Calendar Datepicker
A modern, beautiful, customizable date picker for React
Stars: ✭ 555 (+840.68%)
Mutual labels:  customizable, picker
ColorPicker
A HSV style Color Picker Dialog library for Android (with Alpha setting)
Stars: ✭ 16 (-72.88%)
Mutual labels:  color-picker, picker
Colorpicker
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
Stars: ✭ 271 (+359.32%)
Mutual labels:  picker, color-picker
react-native-color-panel
React Native Color Panel Component for iOS and Android 🏳️‍🌈
Stars: ✭ 21 (-64.41%)
Mutual labels:  color-picker, picker
Chromacolorpicker
🎨 An intuitive iOS color picker built in Swift.
Stars: ✭ 434 (+635.59%)
Mutual labels:  customizable, color-picker
Pickr
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Stars: ✭ 3,759 (+6271.19%)
Mutual labels:  picker, color-picker
Colorpickerwpf
Simple color picker control for WPF
Stars: ✭ 71 (+20.34%)
Mutual labels:  picker, color-picker
Colorpicker
A mininal but complete colorpicker desktop app
Stars: ✭ 766 (+1198.31%)
Mutual labels:  picker, color-picker
a-color-picker
A color picker for web app
Stars: ✭ 97 (+64.41%)
Mutual labels:  color-picker, picker
Horizontalpicker
A simple, customizable and easy to use picker where centre view is scaled up
Stars: ✭ 337 (+471.19%)
Mutual labels:  customizable, picker
Alerts And Pickers
Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date...
Stars: ✭ 5,267 (+8827.12%)
Mutual labels:  picker, color-picker
React Colorful
🎨 A tiny (2,5 KB) color picker component for React and Preact apps
Stars: ✭ 951 (+1511.86%)
Mutual labels:  picker, color-picker
Sizeslidebutton
A fun Swift UIControl for picking a size
Stars: ✭ 46 (-22.03%)
Mutual labels:  picker
Swiftypagecontroller
SwiftyPageController will be helpful to use in many pages controller
Stars: ✭ 55 (-6.78%)
Mutual labels:  customizable
Swifthuecolorpicker
iOS HUE color picker
Stars: ✭ 44 (-25.42%)
Mutual labels:  picker
Pickadate.js
The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
Stars: ✭ 7,753 (+13040.68%)
Mutual labels:  picker

MKColorPicker

CI Status Version License Platform

##MKColorPicker MKColorPicker is a fantastic color picker 🎨 written in Swift. Developers can use our color picker as is or they can customize it with all the available features

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

Screenshot

BubbleTransition

Requirements

iOS8+

Installation

MKColorPicker is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod "MKColorPicker"

How to use

import MKColorPicker

let MKColorPicker = MKColorPickerViewController()
MKColorPicker.selectedColor = { color in
    //Put your code that will be excuted when select a color
}

//To inialize the picker as popover controller
if let popoverController = MKColorPicker.popoverPresentationController{
    popoverController.delegate = MKColorPicker
    popoverController.permittedArrowDirections = .any
    popoverController.sourceView = sender
    popoverController.sourceRect = sender.bounds
}

self.present(MKColorPicker, animated: true, completion: nil)

Customize your picker

MKColorPicker.autoDismissAfterSelection = false //default: true

MKColorPicker.scrollDirection = .vertical //default: .horizontal

MKColorPicker.style = .square //default: .circle

MKColorPicker.pickerSize = CGSize(width: newWidth, height: newHeight) //default 250, 250


//Change default colors list "colorPalette.plist" contains array of hexa. colors, 
//you can simply change it to your colors or initialize your list from anywhere your want.
var colors = [UIColor]()
let path = Bundle.main.path(forResource: "colorPalette", ofType: "plist")
let pListArray = NSArray(contentsOfFile: path!)

if let colorPalettePlistFile = pListArray as? [String] {
    for col in colorPalettePlistFile{
        colors.append(UIColor(hex: col))
    }
}

MKColorPicker.allColors = colors

Author

Moayad Al kouz, [email protected]

License

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].