先來看看要實現的效果圖
一.介紹一下功能
當輸入一個郵箱的數字，會默認在后面匹配出來@qq.com，當然這個默認@qq.com可以換成其他的如@163.com等等。這里默認是@qq.com，因為我們的產品汪做過統計大多數用戶還是用的qq郵箱，所以默認是@qq.com。
當輸入@符號還是不會有所變化，但是如果在@之后再輸入字符，會將這個字符和你想要提示的郵箱后綴做匹配，我這里是需要匹配@qq.com，@163.com，@126.com，@yahoo.com，@139.com，@henu.com類型。例如：在@之后你輸入了1，這個時候會在@1之后匹配出來63.com。接著，當你在@1之后又輸入了2，會在@12后面匹配出來6.com。這些匹配的優先級是根據你給的需要匹配郵箱類型的順序來的，并且這些想要匹配的郵箱類型也是完全可配的，可根據產品的需求作自己的定制。
二.說一下用法
1.先說一下如果你是在xib中想實現這個功能，首先要拖拽一個textField，設置好約束，然后讓這個textField的類關聯到XLTextField,當前前提你要下載并導入了XLTextField.h和XLTextField.m，切記不要忘了將textField.delegate設置給viewController，textField樣式可在xib自行設置，匹配的郵箱區域顏色可自行設置，然后在代碼中只需要調API
/****1.通過xib創建只需要賦值此參數即可*@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還提供了一個可選的mailMatchColor屬性這個屬性是UIColor類型的，是匹配郵箱類型的顏色，可根據需求自行設置。
/***Optional匹配的郵箱類型后綴默認是RGB為170 170 170的顏色，可自行設置*/@property(nonatomic,strong)UIColor* mailMatchColor;
2.通過手動frame創建兩個基本參數設置大小和字號，其他設置可額外自行設置，調用API
/***2.通過手寫創建textField時候調用**@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];
我在示例程序中只針對xib的textField寫了手勢關閉，結束textField的輸入操作，手洞創建textField沒有寫結束第一響應者的操作。如果你在實際使用中，可以根據你的需求例如點擊鍵盤的完成按鈕，或者觸摸屏幕的View等場景下結束textField的鍵盤第一響應者，從而取textField的text進行額外的需求操作。
可根據自己需求定制自己的frame，font大小。不過不支持init和new初始化方法，即使用了也沒關系，會有一個溫馨的報錯提示
- (instancetype)init__attribute__((unavailable("init方法不可用，請用initWithName:fontSzie:")));+ (instancetype)new__attribute__((unavailable("init方法不可用，請用initWithName:fontSzie:")));三.介紹一下實現原理
1.可能你不看源碼，就認為是一個textField實現了全部功能，其實No.我這里是配合了一個Label，在xib實現時利用aulayout手動添加Label。textField只是用來讓用戶輸入，Label用來存儲匹配之后的郵箱（郵箱號碼＋郵箱類型），并且展示。你看到的其實是Label的text內容。當最后結束編輯的時候，Label會將內容復制給textField的text，然后清空Label。Label只是在這里提一下實現方式，真正使用的值還是通過textField.text拿到的值。在這里你可能會吐槽，為什么不用一個textField呢，多簡單省事。但是事實是我嘗試過一個textField，中間遇到了一個坑，好像是textField一個bug，暫且這樣說 因為當時確實是很奇葩的問題，具體是那么也忘記了，這里也不展開說了，有興趣你可以用一個textField來嘗試一下哈。
2.textField的代理方法全部封裝在textField.m內部，在內部已經處理了這些代理，更加方便他人調用，不用再花很多心思在調試textField的代理方法上。不論是用xib還是用手動代碼創建，都不需要設置textField.delegate給控制器。
3.在textField的shouldChangeCharactersInRange代理方法中針對你輸入的每一個字符進行郵箱的匹配，下面會有這一塊的完整代碼。在textFieldDidEndEditing代理方法中將Label的值賦值給textField.text，然后將Label.text清空，直接取textField.text作為我們最終的結果。
下面貼上匹配郵箱過程的關鍵代碼，并且每行都有注釋。
/***匹配郵箱過程**@param rangerange*@param string用戶輸入string*/- (void)configMailMatchingRange:(NSRange)range replacementString:(NSString*)string{//獲取完整的輸入文本NSString*completeStr = [self.textstringByReplacingCharactersInRange:rangewithString:string];//以@符號分割文本NSArray*temailArray = [completeStrcomponentsSeparatedByString:@"@"];//獲取郵箱前綴NSString*emailString = [temailArrayfirstObject];//郵箱匹配沒有輸入@符號時用@匹配NSString*matchString =@"@";if(temailArray.count>1){//如果已經輸入@符號截取@符號以后的字符串作為匹配字符串matchString = [completeStrsubstringFromIndex:emailString.length];}//匹配郵箱得到所有跟當前輸入匹配的郵箱后綴NSMutableArray*suffixArray = [selfcheckEmailStr:matchString];//邊界控制如果沒有跟當前輸入匹配的后綴置為@""NSString*fixStr = suffixArray.count>0? [suffixArrayfirstObject] :@"";//將lblEmail部分字段隱藏NSIntegercutLenth = suffixArray.count>0? completeStr.length: emailString.length;//最終的郵箱地址self.email= fixStr.length>0? [NSStringstringWithFormat:@"%@%@",emailString,fixStr] : completeStr;//設置lblEmail的attributeNSMutableAttributedString*attributeString = [[NSMutableAttributedStringalloc]initWithString:[NSStringstringWithFormat:@"%@%@",emailString,fixStr]];[attributeStringaddAttribute:NSForegroundColorAttributeNamevalue:[UIColorclearColor]range:NSMakeRange(0,cutLenth)];self.mailLabel.attributedText= attributeString;//清空文本框內容時隱藏lblEmailif(completeStr.length==0){self.mailLabel.text=@"";self.email=@"";}}四、總結
以上就是IOS實現郵箱模糊匹配功能的全部功能，實現后是不是很好用呢？感興趣的快快動手實踐起來，希望對大家的學習或者工作能有所幫助。
新聞熱點
疑難解答
