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下载地址

DWQPasswordBoxView密码框

请广大书友关注我的简书，点赞，在GitHub上给个Star噢~~~~~！