我要评论目前在项目中需要实现发红包的功能，自己就写了一个密码输入框的控件，主要用到了uikeyinput协议和coregraphics框架，效果类似微信支付，感觉还行就把我的思路和制作过程写下来给大家分享一下。
让你的自定义view具备输入的功能（uikeyinput协议）
通过uikeyinput协议可以为响应者提供简单的键盘输入的功能，让需要键盘的responder成为第一响应者就行了。uikeyinput协议必须实现的有三个方法，分别是以下方法：
#pragma mark - uikeyinput
/**
* 用于显示的文本对象是否有任何文本
*/
- (bool)hastext {
return self.textstore.length > 0;
}
/**
* 插入文本
*/
- (void)inserttext:(nsstring *)text {
if (self.textstore.length < self.passwordnum) {
//判断是否是数字
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绘制出密码输入框
实现的思路是通过coregraphics框架绘制出密码输入框的外框和里面的小黑点，然后通过从键盘上获取到的字符串判断输入的位数，具体实现如下：
/**
* 设置正方形的边长
*/
- (void)setsquarewidth:(cgfloat)squarewidth {
_squarewidth = squarewidth;
[self setneedsdisplay];
}
/**
* 设置键盘的类型
*/
- (uikeyboardtype)keyboardtype {
return uikeyboardtypenumberpad;
}
/**
* 设置密码的位数
*/
- (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++) {
cgcontextaddarc(context, x+i*self.squarewidth - self.squarewidth/2.0, y+self.squarewidth/2, self.pointradius, 0, m_pi*2, yes);
cgcontextdrawpath(context, kcgpathfill);
}
}
源码下载：https://github.com/631106979/wclpasswordview
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论