【移動應用開發(fā)技術】iOS如何實現(xiàn)類似微信和支付寶的密碼輸入框

【移動應用開發(fā)技術】iOS如何實現(xiàn)類似微信和支付寶的密碼輸入框

在下給大家分享一下iOS如何實現(xiàn)類似微信和支付寶的密碼輸入框，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！讓你的自定義View具備輸入的功能（UIKeyInput協(xié)議）通過UIKeyInput協(xié)議可以為響應者提供簡單的鍵盤輸入的功能，讓需要鍵盤的responder成為第一響應者就行了。UIKeyInput協(xié)議必須實現(xiàn)的有三個方法，分別是以下方法：#pragma

mark

-

UIKeyInput

/**

*

用于顯示的文本對象是否有任何文本

*/

-

(BOOL)hasText

{

return

self.textStore.length

>

0;

}

/**

*

插入文本

*/

-

(void)insertText:(NSString

*)text

{

if

(self.textStore.length

<

self.passWordNum)

{

//判斷是否是數(shù)字

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

}

}通過CoreGraphics繪制出密碼輸入框實現(xiàn)的思路是通過CoreGraphics框架繪制出密碼輸入框的外框和里面的小黑點，然后通過從鍵盤上獲取到的字符串判斷輸入的位數(shù)，具體實現(xiàn)如下：/**

*

設置正方形的邊長

*/

-

(void)setSquareWidth:(CGFloat)squareWidth

{

_squareWidth

=

squareWidth;

[self

setNeedsDisplay];

}

/**

*

設置鍵盤的類型

*/

-

(UIKeyboardType)keyboardType

{

return

UIKeyboardTypeNumberPad;

}

/**

*

設置密碼的位數(shù)

*/

-

(void)setPassWordNum:(NSUInteger)passWordNum

{

_passWordNum

=

passWordNum;

[self

setNeedsDisplay];

}

/**

*

繪制

*/

-

(void)drawRect:(CGRect)rect

{

CGFloat

height

=

rect.size.height;

CGFloat

width

=

rect.size.width;

CGFloat

x

=

(width

-

self.squareWidth*self.passWordNum)/2.0;

CGFloat

y

=

(height

-

self.squareWidth)/2.0;

CGContextRef

context

=

UIGraphicsGetCurrentContext();

//畫外框

CGContextAddRect(context,

CGRectMake(

x,

y,

self.squareWidth*self.passWordNum,

self.squareWidth));

CGContextSetLineWidth(context,

1);

CGContextSetStrokeColorWithColor(context,

self.rectColor.CGColor);

CGContextSetFillColorWithColor(context,

[UIColor

whiteColor].CGColor);

//畫豎條

for

(int

i

=

1;

i

<=

self.passWordNum;

i++)

{

CGContextMoveToPoint(context,

x+i*self.squareWidth,

y);

CGContextAddLineToPoint(context,

x+i*self.squareWidth,

y+self.squareWidth);

CGContextClosePath(context);

}

CGContextDrawPath(context,

kCGPathFillStroke);

CGContextSetFillColorWithColor(context,

self.pointColor.CGColor);

//畫黑點

for

(int

i

=

1;

i

<=

self.textStore.length;

i++)

{

CGContextAd