這篇文章主要為大家展示了“iOS如何實(shí)現(xiàn)驗(yàn)證碼輸入”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“iOS如何實(shí)現(xiàn)驗(yàn)證碼輸入”這篇文章吧。

10年積累的網(wǎng)站制作、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有同心免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

效果如

如圖所示，現(xiàn)在很多App采用了類似下劃線、方塊等方式的驗(yàn)證碼輸入，直觀美觀！對(duì)于這種效果的實(shí)現(xiàn)方式，大概有以下幾種方式：

1.多個(gè)UITextField組成

這種方式好處是有光標(biāo)閃爍、但是在處理刪除和動(dòng)畫效果時(shí)，就會(huì)顯得有點(diǎn)笨拙，OFO應(yīng)該是這樣實(shí)現(xiàn)的，要嚴(yán)格處理好每個(gè)UITextField的FirstResponder。

2.一個(gè)UITextField組成，使用富文本

這個(gè)方式是可行的， 使用富文本設(shè)置每個(gè)字符的間距，允許編輯富文本，有光標(biāo)閃爍，缺點(diǎn)應(yīng)該也是不好處理動(dòng)畫效果。

3.使用UIView繪制

這個(gè)是我在GitHub上看到的一個(gè)半成品Demo，利用一個(gè)UIView，使用Quartz 2D和UIBezierPath進(jìn)行繪制文本和下劃線，并處理輸入事件和鍵盤事件，其實(shí)整體下來(lái)代碼也不多，300行以內(nèi)，但是需要較好的iOS繪制功底。

4.一個(gè)UITextField和多個(gè)UILabel

這個(gè)是我接下來(lái)介紹的思路，這個(gè)思路的缺點(diǎn)應(yīng)該是沒有光標(biāo)閃爍，其實(shí)也能偽實(shí)現(xiàn)，看是否必須要有這個(gè)需要了。這個(gè)思路比較簡(jiǎn)單，方便加入動(dòng)畫，純粹下來(lái)就100多行，接下來(lái)看結(jié)構(gòu)和代碼：

新建一個(gè)UIView，初始化方法

- (instancetype)initWithCount:(NSInteger)count margin:(CGFloat)margin
{
  if (self = [super init]) {
    self.itemCount = count; // itemCount是驗(yàn)證碼的個(gè)數(shù)，比如6個(gè)
    self.itemMargin = margin; // itemMargin是每個(gè)Label之間的間距
    [self configTextField];
  }
  return self;
}

添加內(nèi)部子控件（演示）

- (void)configTextField
{
  UITextField *textField = [[UITextField alloc] init];
  textField.autocapitalizationType = UITextAutocapitalizationTypeNone;
  textField.keyboardType = UIKeyboardTypeNumberPad;
  [textField addTarget:self action:@selector(tfEditingChanged:) forControlEvents:(UIControlEventEditingChanged)];
  // 小技巧：這個(gè)屬性為YES，可以強(qiáng)制使用系統(tǒng)的數(shù)字鍵盤，缺點(diǎn)是重新輸入時(shí)，會(huì)清空之前的內(nèi)容
  // clearsOnBeginEditing 屬性并不適用于 secureTextEntry = YES 時(shí)
  // textField.secureTextEntry = YES;
  [self addSubview:textField];
  self.textField = textField;
  // 小技巧：通過textField上層覆蓋一個(gè)maskView，可以去掉textField的長(zhǎng)按事件
  UIButton *maskView = [UIButton new];
  maskView.backgroundColor = [UIColor whiteColor];
  [maskView addTarget:self action:@selector(clickMaskView) forControlEvents:(UIControlEventTouchUpInside)];
  [self addSubview:maskView];
  self.maskView = maskView;
  for (NSInteger i = 0; i < self.itemCount; i++)
  {
    UILabel *label = [UILabel new];
    [self addSubview:label];
    [self.labels addObject:label];
  }
  for (NSInteger i = 0; i < self.itemCount; i++)
  {
    UIView *line = [UIView new];
    [self.lines addObject:line];
  }
}

這里可能對(duì)maskView有點(diǎn)費(fèi)解，maskView主要是為了擋住下面的UITextField，使用類UIButton是為了擋住事件，因?yàn)槿绻褂妙怳IView，會(huì)將事件傳遞到self，進(jìn)而影響到外面隱藏鍵盤的代碼，你可以試試就知道了。

主要處理業(yè)務(wù)邏輯的代碼

#pragma mark - 編輯改變
- (void)tfEditingChanged:(UITextField *)textField
{
  if (textField.text.length > self.itemCount) {
    textField.text = [textField.text substringWithRange:NSMakeRange(0, self.itemCount)];
  }
  for (int i = 0; i < self.itemCount; i++)
  {
    UILabel *label = [self.labels objectAtIndex:i];
    if (i < textField.text.length) {
      label.text = [textField.text substringWithRange:NSMakeRange(i, 1)];
    } else {
      label.text = nil;
    }
  }
  // 輸入完畢后，自動(dòng)隱藏鍵盤
  if (textField.text.length >= self.itemCount) {
    [textField resignFirstResponder];
  }
}

這里沒有使用UITextField的delegate，使用UIControlEventEditingChanged足以，但是如果你的需求能輸入英文等其他字符，就需要實(shí)現(xiàn)delegate去限制。

至此，驗(yàn)證碼輸入的核心代碼就沒有了，是不是感覺這么少?。≡诖嘶A(chǔ)上，我用Demo實(shí)現(xiàn)了3個(gè)基本效果，如圖所示：

小技巧Tip

當(dāng)你不想讓別人使用某個(gè)方法時(shí)，除了私有方法辦法之外，還可以這么做：

- (instancetype)init UNAVAILABLE_ATTRIBUTE;
+ (instancetype)new UNAVAILABLE_ATTRIBUTE;

以上是“iOS如何實(shí)現(xiàn)驗(yàn)證碼輸入”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站chinadenli.net，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)頁(yè)名稱：iOS如何實(shí)現(xiàn)驗(yàn)證碼輸入-創(chuàng)新互聯(lián)
當(dāng)前URL：http://chinadenli.net/article22/eopjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、動(dòng)態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、定制開發(fā)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)