一框一数字效果实现

971 阅读1分钟

一个框一个数字,很多验证码都用这种效果。这次我们项目里面的车牌号也是类似效果,所以自己做了一个简单的封装~

思路

一个隐藏的TextField+多个TextField

调用示例

    //初始化,frame(位置坐标和大小),textNum(几个数字框),space(框间距)
    self.textFieldsView = [[ZTTextFieldsView alloc] initWithFrame:CGRectMake(50, 100, (self.view.frame.size.width - 50*2), 80)
                                                             textNum:5
                                                               space:5];
    [self.view addSubview:self.textFieldsView];
    //调起键盘
    [self.textFieldsView becomeFirstResponder];
    //键盘消失
    [self.textFieldsView resignFirstResponder];
    //设置小文本框圆角
    self.textFieldsView.cornerRadius = 10;
    //设置小文本框字体
    self.textFieldsView.font = [UIFont boldSystemFontOfSize:16];
    //设置小文本框的placeHolder。
    self.textFieldsView.placeHolder = @"这有五个字";
    //设置小文本框的borderColor
    self.textFieldsView.borderColor = [UIColor redColor];
    //设置小文本框的borderWidth
    self.textFieldsView.borderWidth = 0.5;
    //设置小文本框的textColor
    self.textFieldsView.textColor = [UIColor blueColor];

效果展示

源码地址

github.com/zttina/ZTTe…

欢迎提issue