支付密码框

做支付,大多时候需要都是一个六位数的密码界面,闲来无事,就写了个小demo.话不多说,开代码

在密码输入框的.h文件中

#define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)

#define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)#define boxWidth (SCREEN_WIDTH -70)/6 //密码框的宽度

@class PassWordView;@protocol PassWordViewDelegate

@optional

- (void)passwordView:(PassWordView *)passwordView withPasswordString:(NSString *)password;

@end

@interface PassWordView : UIView@property (nonatomic,assign)id delegate;

- (instancetype)initWithFrame:(CGRect)frame withTitle:(NSString *)title;

//标题

@property (nonatomic,strong)UILabel *label_title;

@property (nonatomic,strong)UITextField *textField;

//假的输入框

@property (nonatomic,strong)UIView *viewBox1;

@property (nonatomic,strong)UIView *viewBox2;

@property (nonatomic,strong)UIView *viewBox3;

@property (nonatomic,strong)UIView *viewBox4;

@property (nonatomic,strong)UIView *viewBox5;

@property (nonatomic,strong)UIView *viewBox6;

//密码点

@property (nonatomic,strong)UILabel *labelPoint1;

@property (nonatomic,strong)UILabel *labelPoint2;

@property (nonatomic,strong)UILabel *labelPoint3;

@property (nonatomic,strong)UILabel *labelPoint4;

@property (nonatomic,strong)UILabel *labelPoint5;

@property (nonatomic,strong)UILabel *labelPoint6;

@end

.m文件中

@implementation PassWordView

- (instancetype)initWithFrame:(CGRect)frame withTitle:(NSString *)title{

self = [super initWithFrame:frame];

if (self) {

//标题

_label_title = [[UILabel alloc] init];

_label_title.frame = CGRectMake(0, 20, SCREEN_WIDTH, 20);

_label_title.text = title;

_label_title.textAlignment = NSTextAlignmentCenter;

_label_title.textColor = [UIColor grayColor];

[self addSubview:_label_title];

//textFiled

_textField = [[UITextField alloc] init];

_textField.frame = CGRectMake(0, 0, 0, 0);

_textField.delegate = self;

_textField.keyboardType = UIKeyboardTypeNumberPad;

[_textField addTarget:self action:@selector(textFiledDidChange:) forControlEvents:UIControlEventEditingChanged];

[self addSubview:_textField];

//假的输入框

_viewBox1 = [self creatFalseTextFiledWithFrame:CGRectMake(10, 60, boxWidth, boxWidth)];

[self addSubview:_viewBox1];

_viewBox2 = [self creatFalseTextFiledWithFrame:CGRectMake(20+boxWidth*1, _viewBox1.frame.origin.y, boxWidth, boxWidth)];

[self addSubview:_viewBox2];

_viewBox3 = [self creatFalseTextFiledWithFrame:CGRectMake(30+boxWidth*2, _viewBox1.frame.origin.y, boxWidth, boxWidth)];

[self addSubview:_viewBox3];

_viewBox4 = [self creatFalseTextFiledWithFrame:CGRectMake(40+boxWidth*3, _viewBox1.frame.origin.y, boxWidth, boxWidth)];

[self addSubview:_viewBox4];

_viewBox5 = [self creatFalseTextFiledWithFrame:CGRectMake(50+boxWidth*4, _viewBox1.frame.origin.y, boxWidth, boxWidth)];

[self addSubview:_viewBox5];

_viewBox6 = [self creatFalseTextFiledWithFrame:CGRectMake(60+boxWidth*5, _viewBox1.frame.origin.y, boxWidth, boxWidth)];

[self addSubview:_viewBox6];

//密码点

_labelPoint1 = [self creatPasswordPointWithSuperView:_viewBox1];

_labelPoint2 = [self creatPasswordPointWithSuperView:_viewBox2];

_labelPoint3 = [self creatPasswordPointWithSuperView:_viewBox3];

_labelPoint4 = [self creatPasswordPointWithSuperView:_viewBox4];

_labelPoint5 = [self creatPasswordPointWithSuperView:_viewBox5];

_labelPoint6 = [self creatPasswordPointWithSuperView:_viewBox6];

}

return self;

}

//创建假的输入框

- (UIView *)creatFalseTextFiledWithFrame:(CGRect)frame{

UIView *view = [[UIView alloc] initWithFrame:frame];

[view.layer setBorderWidth:1.0];

view.layer.borderColor = [[UIColor grayColor] CGColor];

return view;

}

这个非常简单 ,因为我也是菜鸟一枚,有什么错误的地方还请各位大神多多指教

下面是demo连接:http://www.jianshu.com/writer#/notebooks/8035700/notes/8516833

效果如下