最近公司做商城的项目，期间用到一个类似支付宝输入支付密码的效果输入框，看了下网络上不少小伙伴小的Demo，都不是很满意，支付宝的体验效果与原声的密码输入效果也存在不少差距，于是自己想了个实现方法，记录在简书。
需求分析：
效果图：
具体实现：
1.新建一个类：CPPasswdView继承至UILabel，支持：CPPasswdView协议；
2.声明 “CPPasswdView”、“inputAccessoryView"两个属性为可读写；
3.声明密码长度（默认为6）；
#import @interface CPPasswdView : UILabel<UIKeyInput>
@property (nonatomic, strong) UIView *inputView;
@property (nonatomic, strong) UIView *inputAccessoryView;
@property (nonatomic, assign) NSInteger passwdLength;
@end
4.在CPPasswdView.m 中实现UIKeyInput的几个协议；
- (BOOL)hasText;
- (void)insertText:(NSString *)text;
- (void)deleteBackward;
5.设置视图为可输入模式
- (BOOL)canBecomeFirstResponder; // default is NO
6.设置CPPasswdView视图为可交互；
self.userInteractionEnabled = YES; // 一定要将该属性设置成可YES，否则软键盘出不来
7.将试图分割成指定的块；
// 绘制分割线
- (void)setupUpUI {
CGFloat width = self.bounds.size.width / self.passwdLength;
CGFloat height = self.bounds.size.height;
for (NSInteger i = 1; i < self.passwdLength; ++i) {
UIView *line = [[UIView alloc] initWithFrame:CGRectMake(i * width, 0, 1, height)]; line.backgroundColor = UIColor.grayColor;
[self addSubview:line];
}
}
8.处理输入的字符串
#pragma mark - Private method
- (void)updateContent {
{
// 替换除最后一个字符外的其他字符为* eg: **********8
NSMutableString *tempstr = @"".mutableCopy;
for (NSInteger i = 0; i < self.secureStr.length - 1 && self.secureStr.length > 0; ++i) {
[tempstr appendString:@"*"];
}
if (self.secureStr.length > 0) {
[self.secureStr replaceCharactersInRange:NSMakeRange(0, self.secureStr.length - 1) withString:tempstr];
}
self.attributedText = [[NSAttributedString alloc] initWithString:self.secureStr attributes:self.options];
}
{
// 在一秒后设置最后一个字符为"*"
if (self.secureStr.length > 0) {
[NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(showWithSecurText:) object:nil];
[self performSelector:@selector(showWithSecurText:) withObject:nil afterDelay:1.0f];
}
}
}
// 将最后一个字符串替换为"*"
- (void)showWithSecurText:(id)object {
if (self.secureStr.length > 0) {
NSInteger location = MAX(0, (NSInteger)(self.secureStr.length) - 1);
[self.secureStr replaceCharactersInRange:NSMakeRange(location, 1) withString:@"*"]; }
self.attributedText = [[NSAttributedString alloc] initWithString:self.secureStr attributes:self.options];
}
