duwenquan-方形LOGO.png

一、引述：

??針對(duì)《快速開發(fā)電商平臺(tái)》，我們上一篇文章分享了關(guān)于微信和支付寶支付的封裝，杜文全支付封裝,在發(fā)起支付后我們會(huì)調(diào)起支付寶或者微信的支付功能，在此時(shí)，我們會(huì)輸入密碼。重點(diǎn)就在這，密碼輸入框，在自己的APP中如何實(shí)現(xiàn)；類似微信和支付寶密碼輸入框的方式呢？每個(gè)人有不同的方案，

二、DWQPasswordBoxView

??DWQPasswordBoxView是仿照微信和支付密碼框做的一個(gè)封裝，采用了一個(gè)UITextfield的形式，（有人采用6個(gè)UITextfield的方式）；然后通過繪畫外加CABasicAnimation動(dòng)畫的方式實(shí)現(xiàn)密碼框控件的封裝。

三、使用方法

• 1、相關(guān)屬性設(shè)置

• 輸入完成回調(diào) void(^EndEditBlcok)(NSString *text);

• 樣式 BoxViewType;

• 是否需要分隔符 hasSpaceLine;

• 是否有下標(biāo)線 hasUnderLine;

• 是否需要輸入之后清空，再次輸入使用,默認(rèn)為NO emptyEditEnd;

• 是否添加下劃線的動(dòng)畫,默認(rèn)NO underLineAnimation;

• 2、如何創(chuàng)建使用

• 將DWQPasswordBoxView文件夾拖入工程中

• 引入頭文件

#import "DWQPasswordBoxView.h"

• 調(diào)用init方法創(chuàng)建密碼框控件

 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];

• 然后根據(jù)需要設(shè)置先關(guān)屬性

//                //下劃線
                //                v.hasUnderLine = YES;
                //分割線
                DWQpbv.hasSpaceLine = YES;
                //輸入之后置空
                DWQpbv.emptyEditEnd = YES;
                DWQpbv.underLineAnimation = YES;
                //輸入風(fēng)格
                DWQpbv.BoxViewType = DWQPasswordBoxViewTypeCustom;

• 最后實(shí)現(xiàn)block，調(diào)取控件輸入的內(nèi)容

 DWQpbv.EndEditBlcok = ^(NSString *str) {
            NSLog(@"%@",str);
        };

效果展示：

我在項(xiàng)目中使用效果圖如下：

密碼輸入框.PNG

Demo下載地址

DWQPasswordBoxView密碼框

請(qǐng)廣大書友關(guān)注我的簡(jiǎn)書，點(diǎn)贊，在GitHub上給個(gè)Star噢~~~~~！