76

GitHub - Guidebook/HideShowPasswordTextField: An easy to use `UITextField` subcl...

 5 years ago
source link: https://github.com/Guidebook/HideShowPasswordTextField
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

README.md

HideShowPasswordTextField

An easy to use UITextField subclass that adds a visibility toggle and an optional validation checkmark

Created by @lookatpete (product), @pklada (design), and @miketsprague (code)

gif

Installation

Cocoapods

pod 'HideShowPasswordTextField', :git => 'https://github.com/Guidebook/HideShowPasswordTextField'

Manual

Just add the files in HideShowPasswordTextField/ to your project.

Usage

  • Create a UITextField in your xib, and change the class name to HideShowPasswordTextField. Or, create it programatically.
  • Set secureTextEntry to true, if you want the password to hide by default.
  • [Recommended] Change the border style to None, and add a height constraint of 44 or larger. The assets in this project are optimized for 44px, although larger is fine too. Smaller sizes might have clipping issues on the icons.
  • Implement UITextFieldDelegate and forward textField shouldChangeCharactersInRange and textFieldDidEndEditing to your password text field (see the example). We have to do this to get the behavior to work right--apple's API doesn't play very nice switching between secureTextEntry states.
  • [Optional] Implement HideShowPasswordTextFieldDelegate to show the validation checkbox.
  • Customize the textField to your liking (the tint too!)!

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK