SSPatternLock

Easy to use and configurable patternlock view for ios.

ss00001

ss00002

Example

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

Installation

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

pod 'SSPatternLock'

You can also clone the repo and copy from swift files, which in Source directory to your project

Usage

Code usage; create an instance of SSPatternLockView. With SSPatternLockView config builder, you can make customizations

let patternLockView = SSPatternLockView(frame: CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height))
        patternLockView.delegate = self
        patternLockView.config = SSPatternLockView.Config.Builder()
            .setBackgroundColor(UIColor.white)
            .setNodeFillColor(UIColor.black)
            .setNodeHighLightFillColor(UIColor.clear)
            .setNodeHighLightStrokeColor(UIColor.black)
            .setSpaceBetweenNodes(30)
            .setLineColor(UIColor.brown)
            .setLineWidth(15)
            .build()
view.addSubview(patternLockView)

In interface builder, add a uiview and change class to SSLockPattern. In the attributes inspector, you can change configurations

ss00003

Attribute Type Default value
BackgroundColor UIColor UIColor.clear
NodeFillColor UIColor UIColor.black
NodeStrokeColor UIColor UIColor.black
NodeHighLightFillColor UIColor UIColor.clear
LineColor UIColor UIColor.black
LineWidth CGFloat 5.0
ColumnCount Int 4
RowCount Int 4
SpaceBetweenNodes CGFloat 20.0

For selected pattern indexes using SSPatternLockDelegate

extension ViewController : SSPatternLockDelegate {
    func patternLockSelected(_ patternLockView: SSPatternLockView, _ selectedIndexes: [Int]) {
        selectedIndexes.forEach({ print("index: \($0)") })
    }
}

Author

Savaş Salihoğlu , [email protected]

GitHub