iOS 使用UITextField自定義搜索框 實(shí)現(xiàn)用戶輸入完之后“實(shí)時(shí)搜索”功能
注:CSDN的代碼塊有點(diǎn)撈,如果瀏覽器窗口較窄,一行代碼占了兩行的位置,后面的代碼就看不到了,大家可以把瀏覽器窗口拉大一點(diǎn)
UI小姐姐設(shè)計(jì)的搜索框經(jīng)常是五花八門(mén),系統(tǒng)的搜索框經(jīng)常不能滿足我們的需求,需要我們特別定制一個(gè)。但是UITextField
的諸多回調(diào)里面,沒(méi)有一個(gè)是適合觸發(fā)搜索時(shí)間的。
UITextFieldTextDidChangeNotification
調(diào)用過(guò)于頻繁,每輸入一個(gè)字符就調(diào)一次接口怕是不太合適。
UITextFieldTextDidEndEditingNotification
只有在結(jié)束編輯的時(shí)候才會(huì)調(diào)一次,結(jié)束編輯就意味著鍵盤(pán)消失了,也不太合適。
這樣就難倒我們了嗎,當(dāng)然不是,辦法還是有滴。
解決方案
先自定義一個(gè)搜索框 改好樣式,然后監(jiān)聽(tīng)UITextFieldTextDidChangeNotification
- (void)textFieldDidChange{ if (self.searchDelegate && [self.searchDelegate respondsToSelector:@selector(customSearchBar:textDidChange:)]) { [self.searchDelegate customSearchBar:self textDidChange:self.text]; } }
使用
@property (nonatomic, strong) LGCustomSearchBar *searchBar; @property (nonatomic, assign) NSInteger inputCount; 記錄輸入次數(shù) - (void)viewDidLoad { [super viewDidLoad]; self.searchBar = [[LGCustomSearchBar alloc] initWithFrame:CGRectMake(20, 10, kScreenWidth-40, 36)]; self.searchBar.searchDelegate = self; [self.view addSubview:self.searchBar]; } - (void)customSearchBar:(LGCustomSearchBar *)searchBar textDidChange:(NSString *)searchText{ if (searchText.length == 0) { [self searchKeyword:@(self.inputCount)]; } else{ self.inputCount++; [self performSelector:@selector(searchKeyword:) withObject:@(self.inputCount) afterDelay:1.5f]; } } - (void)searchKeyword:(NSNumber *)inputCount{ // 判斷不等于0是為了防止用戶輸入完直接點(diǎn)擊搜索,延時(shí)結(jié)束之后又搜索一次 if (inputCount.integerValue == self.inputCount && self.inputCount != 0) { [self loadData]; } } - (BOOL)textFieldShouldReturn:(UITextField *)textField{ [self loadData]; return NO; } - (void)loadData{ self.inputCount = 0; // 本地查詢 或者 請(qǐng)求數(shù)據(jù) ... [self.tableView reloadData]; }
核心代碼
延遲1.5秒以后執(zhí)行搜索,判讀如果1.5秒之后傳入的輸入次數(shù)和現(xiàn)在的輸入次數(shù)一致,說(shuō)明用戶1.5秒已經(jīng)沒(méi)有輸入新內(nèi)容了,加在新數(shù)據(jù)。這個(gè)時(shí)間可以自己調(diào)整
[self performSelector:@selector(searchKeyword:) withObject:@(self.inputCount) afterDelay:1.5f];
總結(jié)
到此這篇關(guān)于iOS 使用UITextField自定義搜索框 實(shí)現(xiàn)用戶輸入完之后“實(shí)時(shí)搜索”功能的文章就介紹到這了,更多相關(guān)ios UITextField自定義搜索框 實(shí)時(shí)搜索內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
iOS的CoreAnimation開(kāi)發(fā)框架中的Layer層動(dòng)畫(huà)制作解析
在iOS中UIView層的屬性會(huì)映射到CoreAnimation框架的CALayer,這里我們來(lái)看一下iOS的CoreAnimation開(kāi)發(fā)框架中的Layer層動(dòng)畫(huà)制作解析,需要的朋友可以參考下2016-07-073分鐘實(shí)現(xiàn)iOS語(yǔ)言本地化/國(guó)際化(圖文教程)
這篇文章主要介紹了3分鐘實(shí)現(xiàn)iOS語(yǔ)言本地化/國(guó)際化,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02iOS App引導(dǎo)頁(yè)開(kāi)發(fā)教程
這篇文章主要為大家詳細(xì)介紹了iOS App引導(dǎo)頁(yè)開(kāi)發(fā)教程,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09iOS中UILabel設(shè)置居上對(duì)齊、居中對(duì)齊、居下對(duì)齊及文字置頂顯示
這篇文章主要給大家介紹了關(guān)于iOS中UILabel如何設(shè)置居上對(duì)齊、居中對(duì)齊、居下對(duì)齊及文字置頂顯示效果的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12iOS 中使用tableView實(shí)現(xiàn)右滑顯示選擇功能
這篇文章主要介紹了iOS 中使用tableView實(shí)現(xiàn)右滑顯示選擇功能的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07