一框一數字效果實現

一個框一個數字，不少驗證碼都用這種效果。此次咱們項目裏面的車牌號也是相似效果，因此本身作了一個簡單的封裝~

思路

一個隱藏的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