duwenquan-方形LOGO.png
一、引述：
针对《快速开发电商平台》，我们上一篇文章分享了关于微信和支付宝支付的封装，杜文全支付封装,在发起支付后我们会调起支付宝或者微信的支付功能，在此时，我们会输入密码。重点就在这，密码输入框，在自己的APP中如何实现；类似微信和支付宝密码输入框的方式呢？每个人有不同的方案，
二、DWQPasswordBoxView
DWQPasswordBoxView是仿照微信和支付密码框做的一个封装，采用了一个UITextfield的形式，（有人采用6个UITextfield的方式）；然后通过绘画外加CABasicAnimation动画的方式实现密码框控件的封装。
三、使用方法
-
1、相关属性设置
输入完成回调 void(^EndEditBlcok)(NSString *text);
样式 BoxViewType;
是否需要分隔符 hasSpaceLine;
是否有下标线 hasUnderLine;
是否需要输入之后清空，再次输入使用,默认为NO emptyEditEnd;
是否添加下划线的动画,默认NO underLineAnimation;
-
2、如何创建使用
将DWQPasswordBoxView文件夹拖入工程中
引入头文件
#import "DWQPasswordBoxView.h"
- 调用init方法创建密码框控件
DWQPasswordBoxView *DWQpbv = [[DWQPasswordBoxView alloc] initWithFrame:CGRectMake(0, 60 + 80 * i, self.view.frame.size.width - 10, 60)
num:6
lineColor:[UIColor blackColor]
textFont:50];
[self.view addSubview:DWQpbv];
- 然后根据需要设置先关属性
// //下划线
// v.hasUnderLine = YES;
//分割线
DWQpbv.hasSpaceLine = YES;
//输入之后置空
DWQpbv.emptyEditEnd = YES;
DWQpbv.underLineAnimation = YES;
//输入风格
DWQpbv.BoxViewType = DWQPasswordBoxViewTypeCustom;
- 最后实现block，调取控件输入的内容
DWQpbv.EndEditBlcok = ^(NSString *str) {
NSLog(@"%@",str);
};
效果展示：
我在项目中使用效果图如下：
密码输入框.PNG
Demo下载地址
请广大书友关注我的简书，点赞，在GitHub上给个Star噢~~~~~！
