Giter VIP home page Giter VIP logo

photpview's Introduction

PHOTPView

Fully Customized pin code(OTP) verification view without storyboard.

Getting Started

Features

  • Flawless focus change to the consecutive OTP box when the text is entered/deleted.
  • When the user taps on the Pinview, the first empty box available is focused automatically (when the cursor is hidden).
  • Customisations are available for pin box sizes, font color, border color, inputType etc.

Installation

download project for quick demo.

Manually :

  • Copy and drag the PHOTPView/ folder to your project.

How to Use?

  • create a PHOTPView object
var otpView: PHOTPView!
  • create a PinConfig object
var config : PinConfig = PinConfig()

responsible for all kind of customization

Example:

config.otpFieldDisplayType = .square
config.shouldAllowIntermediateEditing = false
config.otpFieldDefaultBorderColor = UIColor.blue
config.otpFieldEnteredBorderColor = UIColor.green
config.otpFieldErrorBorderColor = UIColor.red
  • initialize view by assigning cofig object
 otpView = PHOTPView(config: config)
 otpView.delegate = self
  • assign delegate
 otpView.delegate = self
  • Finally, Add to your view in which you want to configure OTPview
self.view.addSubview(otpView)
NOTE: Do not forget to initialize UI by calling below method.
otpView.initializeUI()

Prerequisites:

  • xcode 9
  • swift 5

License

MIT

photpview's People

Contributors

pankti28 avatar

Stargazers

MohsinAli avatar

Watchers

MohsinAli avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.