iOS开发类似支付宝密码输入框功能

iOS开发类似支付宝密码输入框功能
这篇文章主要介绍了iOS实现类似微信和支付宝的密码输入框，通过UIKeyInput协议为响应者提供简单的键盘输入的功，再通过CoreGraphics绘制出密码输入框，感兴趣的小伙伴们可以参考一下

这篇文章主要介绍了ios实现类似微信和支付宝的密码输入框，通过uikeyinput协议为响应者提供简单的键盘输入的功，再通过coregraphics绘制出密码输入框，感兴趣的小伙伴们可以参考一下

目前在项目中需要实现发红包的功能，自己就写了一个密码输入框的控件，主要用到了UIKeyInput协议和CoreGraphics框架，效果类似微信支付，感觉还行就把我的思路和制作过程写下来给大家分享一下。

让你的自定义View具备输入的功能（UIKeyInput协议）

通过UIKeyInput协议可以为响应者提供简单的键盘输入的功能，让需要键盘的responder成为第一响应者就行了。UIKeyInput协议必须实现的有三个方法，分别是以下方法：

#pragma mark - UIKeyInput/** * 用于显示的文本对象是否有任何文本 */- (BOOL)hasText { return self.textStore.length > 0;}/** * 插入文本 */- (void)insertText:(NSString *)text { if (self.textStore.length < self.passWordNum) { //判断是否是数字 NSCharacterSet *cs = [[NSCharacterSet characterSetWithCharactersInString:MONEYNUMBERS] invertedSet]; NSString*filtered = [[text componentsSeparatedByCharactersInSet:cs] componentsJoinedByString:@""]; BOOL basicTest = [text isEqualToString:filtered]; if(basicTest) { if ([self.delegate respondsToSelector:@selector(passWordDidChange:)]) { [self.delegate passWordDidChange:self]; } if (self.textStore.length == self.passWordNum) { if ([self.delegate respondsToSelector:@selector(passWordCompleteInput:)]) { [self.delegate passWordCompleteInput:self]; } } [self.textStore appendString:text]; [self setNeedsDisplay]; } }}/** * 删除文本 */- (void)deleteBackward { if (self.textStore.length > 0) { [self.textStore deleteCharactersInRange:NSMakeRange(self.textStore.length - 1, 1)]; if ([self.delegate respondsToSelector:@selector(passWordDidChange:)]) { [self.delegate passWordDidChange:self]; } } [self setNeedsDisplay];}/** * 是否能成为第一响应者 */- (BOOL)canBecomeFirstResponder { return YES;}/** * 点击成为第一相应者 */- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { if (![self isFirstResponder]) { [self becomeFirstResponder]; }}