先來(lái)看看要實(shí)現(xiàn)的效果圖

一.介紹一下功能

當(dāng)輸入一個(gè)郵箱的數(shù)字，會(huì)默認(rèn)在后面匹配出來(lái)@qq.com，當(dāng)然這個(gè)默認(rèn)@qq.com可以換成其他的如@163.com等等。這里默認(rèn)是@qq.com，因?yàn)槲覀兊漠a(chǎn)品汪做過(guò)統(tǒng)計(jì)大多數(shù)用戶還是用的qq郵箱，所以默認(rèn)是@qq.com。

當(dāng)輸入@符號(hào)還是不會(huì)有所變化，但是如果在@之后再輸入字符，會(huì)將這個(gè)字符和你想要提示的郵箱后綴做匹配，我這里是需要匹配@qq.com，@163.com，@126.com，@yahoo.com，@139.com，@henu.com類型。例如：在@之后你輸入了1，這個(gè)時(shí)候會(huì)在@1之后匹配出來(lái)63.com。接著，當(dāng)你在@1之后又輸入了2，會(huì)在@12后面匹配出來(lái)6.com。這些匹配的優(yōu)先級(jí)是根據(jù)你給的需要匹配郵箱類型的順序來(lái)的，并且這些想要匹配的郵箱類型也是完全可配的，可根據(jù)產(chǎn)品的需求作自己的定制。

二.說(shuō)一下用法

1.先說(shuō)一下如果你是在xib中想實(shí)現(xiàn)這個(gè)功能，首先要拖拽一個(gè)textField，設(shè)置好約束，然后讓這個(gè)textField的類關(guān)聯(lián)到XLTextField,當(dāng)前前提你要下載并導(dǎo)入了XLTextField.h和XLTextField.m，切記不要忘了將textField.delegate設(shè)置給viewController，textField樣式可在xib自行設(shè)置，匹配的郵箱區(qū)域顏色可自行設(shè)置，然后在代碼中只需要調(diào)API

/**
*
*1.通過(guò)xib創(chuàng)建只需要賦值此參數(shù)即可
*@param mailTypeArray郵箱匹配類型
*
*/@property(nonatomic,strong)NSMutableArray*mailTypeArray;

示例代碼:

self.textField.mailTypeArray= [NSMutableArrayarrayWithObjects:@"@qq.com",@"@163.com",@"@126.com",@"@yahoo.com",@"@139.com",@"@henu.com",nil];

XLTextField.h還提供了一個(gè)可選的mailMatchColor屬性這個(gè)屬性是UIColor類型的，是匹配郵箱類型的顏色，可根據(jù)需求自行設(shè)置。

/**
*Optional匹配的郵箱類型后綴默認(rèn)是RGB為170 170 170的顏色，可自行設(shè)置
*/@property(nonatomic,strong)UIColor* mailMatchColor;

2.通過(guò)手動(dòng)frame創(chuàng)建兩個(gè)基本參數(shù)設(shè)置大小和字號(hào)，其他設(shè)置可額外自行設(shè)置，調(diào)用API

/**
*2.通過(guò)手寫創(chuàng)建textField時(shí)候調(diào)用
*
*@param frameframe大小
*@param fontSize textField大小
*
*@return self
*/- (instancetype)initWithFrame:(CGRect)frame fontSize:(CGFloat)fontSize;

示例代碼：

XLTextField * field = [[XLTextField alloc] initWithFrame:CGRectMake(100, 200, 200, 30) fontSize:12];
field.placeholder = @"輸入郵箱地址";
field.mailTypeArray = [NSMutableArray arrayWithObjects:@"@qq.com",@"@163.com",@"@126.com",@"@yahoo.com",@"@139.com",@"@henu.com", nil];
field.mailMatchColor = [UIColor redColor]; 可選屬性
[self.view addSubview:field];

我在示例程序中只針對(duì)xib的textField寫了手勢(shì)關(guān)閉，結(jié)束textField的輸入操作，手洞創(chuàng)建textField沒(méi)有寫結(jié)束第一響應(yīng)者的操作。如果你在實(shí)際使用中，可以根據(jù)你的需求例如點(diǎn)擊鍵盤的完成按鈕，或者觸摸屏幕的View等場(chǎng)景下結(jié)束textField的鍵盤第一響應(yīng)者，從而取textField的text進(jìn)行額外的需求操作。

可根據(jù)自己需求定制自己的frame，font大小。不過(guò)不支持init和new初始化方法，即使用了也沒(méi)關(guān)系，會(huì)有一個(gè)溫馨的報(bào)錯(cuò)提示

- (instancetype)init__attribute__((unavailable("init方法不可用，請(qǐng)用initWithName:fontSzie:")));+ (instancetype)new__attribute__((unavailable("init方法不可用，請(qǐng)用initWithName:fontSzie:")));

三.介紹一下實(shí)現(xiàn)原理

1.可能你不看源碼，就認(rèn)為是一個(gè)textField實(shí)現(xiàn)了全部功能，其實(shí)No.我這里是配合了一個(gè)Label，在xib實(shí)現(xiàn)時(shí)利用aulayout手動(dòng)添加Label。textField只是用來(lái)讓用戶輸入，Label用來(lái)存儲(chǔ)匹配之后的郵箱（郵箱號(hào)碼＋郵箱類型），并且展示。你看到的其實(shí)是Label的text內(nèi)容。當(dāng)最后結(jié)束編輯的時(shí)候，Label會(huì)將內(nèi)容復(fù)制給textField的text，然后清空Label。Label只是在這里提一下實(shí)現(xiàn)方式，真正使用的值還是通過(guò)textField.text拿到的值。在這里你可能會(huì)吐槽，為什么不用一個(gè)textField呢，多簡(jiǎn)單省事。但是事實(shí)是我嘗試過(guò)一個(gè)textField，中間遇到了一個(gè)坑，好像是textField一個(gè)bug，暫且這樣說(shuō) 因?yàn)楫?dāng)時(shí)確實(shí)是很奇葩的問(wèn)題，具體是那么也忘記了，這里也不展開(kāi)說(shuō)了，有興趣你可以用一個(gè)textField來(lái)嘗試一下哈。

2.textField的代理方法全部封裝在textField.m內(nèi)部，在內(nèi)部已經(jīng)處理了這些代理，更加方便他人調(diào)用，不用再花很多心思在調(diào)試textField的代理方法上。不論是用xib還是用手動(dòng)代碼創(chuàng)建，都不需要設(shè)置textField.delegate給控制器。

3.在textField的shouldChangeCharactersInRange代理方法中針對(duì)你輸入的每一個(gè)字符進(jìn)行郵箱的匹配，下面會(huì)有這一塊的完整代碼。在textFieldDidEndEditing代理方法中將Label的值賦值給textField.text，然后將Label.text清空，直接取textField.text作為我們最終的結(jié)果。

下面貼上匹配郵箱過(guò)程的關(guān)鍵代碼，并且每行都有注釋。

/**
*匹配郵箱過(guò)程
*
*@param rangerange
*@param string用戶輸入string
*/- (void)configMailMatchingRange:(NSRange)range replacementString:(NSString*)string
{//獲取完整的輸入文本NSString*completeStr = [self.textstringByReplacingCharactersInRange:rangewithString:string];//以@符號(hào)分割文本NSArray*temailArray = [completeStrcomponentsSeparatedByString:@"@"];//獲取郵箱前綴NSString*emailString = [temailArrayfirstObject];//郵箱匹配沒(méi)有輸入@符號(hào)時(shí)用@匹配NSString*matchString =@"@";if(temailArray.count>1){//如果已經(jīng)輸入@符號(hào)截取@符號(hào)以后的字符串作為匹配字符串matchString = [completeStrsubstringFromIndex:emailString.length];
}//匹配郵箱得到所有跟當(dāng)前輸入匹配的郵箱后綴NSMutableArray*suffixArray = [selfcheckEmailStr:matchString];//邊界控制如果沒(méi)有跟當(dāng)前輸入匹配的后綴置為@""NSString*fixStr = suffixArray.count>0? [suffixArrayfirstObject] :@"";//將lblEmail部分字段隱藏NSIntegercutLenth = suffixArray.count>0? completeStr.length: emailString.length;//最終的郵箱地址self.email= fixStr.length>0? [NSStringstringWithFormat:@"%@%@",emailString,fixStr] : completeStr;//設(shè)置lblEmail的attributeNSMutableAttributedString*attributeString = [[NSMutableAttributedStringalloc]initWithString:[NSStringstringWithFormat:@"%@%@",emailString,fixStr]];

[attributeStringaddAttribute:NSForegroundColorAttributeNamevalue:[UIColorclearColor]range:NSMakeRange(0,cutLenth)];self.mailLabel.attributedText= attributeString;//清空文本框內(nèi)容時(shí)隱藏lblEmailif(completeStr.length==0){self.mailLabel.text=@"";self.email=@"";
}
}

四、總結(jié)

以上就是IOS實(shí)現(xiàn)郵箱模糊匹配功能的全部功能，實(shí)現(xiàn)后是不是很好用呢？感興趣的快快動(dòng)手實(shí)踐起來(lái)，希望對(duì)大家的學(xué)習(xí)或者工作能有所幫助。