iOS 自定义搜索框实时监听输入的内容变化

产品需求：点击搜索框，弹出键盘，当输入内容发生变化时，需要实时匹配与输入内容相关的产品，列表展示，让用户去选择；类似于淘宝和京东的搜索功能。

拿到需求的时候觉得这个应该挺简单的啊，苹果这么强大，这些功能系统都已经给我们考虑好了。直接使用系统控件UISearchBar，辛辛苦苦折腾了半天页面都出来了后，发现UISearchBar和UITextField还是有区别的，UISearchBar没有监听用户输入内容实时变化的方法

UISearchBar 有一个 - (void)searchBarTextDidEndEditing:(UISearchBar *)searchBar 这个方法，经测试发现次方法，当用户输入内容后，需要点击确认按钮才会调用，这个需求不是产品想要的，我是不可以擅自改需求的。之前有用过UITextField朋友们应该都知道，UITextField是可以监听到用户输入的内容是否发生变化的。方法如下

[textField addTarget:self action:@selector(textFieldValueChanged:) forControlEvents:(UIControlEventEditingChanged)];
- (void)textFieldValueChanged:(UITextField *)textField {NSLog(@"==========%@", textField.text);
}

只需给textField添加一个点击事件，监听textField编辑时值得变化即可，在textFieldValueChanged：的方法中去获取到textField的值去执行下面的匹配逻辑即可了。

当然想做到淘宝的搜索效果，远远不止这些，比如：热门搜索、历史记录、以及上面提到的实时匹配功能。这其中的逻辑以及页面展示不是一天所能完成的。

我写次骗博客主要是想告诉大家，如果想实现实时匹配的功能，最好是自定义搜索框，自定义一个UIView,然后将导航栏的titleView赋值给此View,在此View上自定义自己的页面即可，当然是有代码的

UIView *titleView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 44)];
backView.backgroundColor = [UIColor clearColor];
self.navigationItem.titleView = titleView;

如果想了解整个功能代码的小伙伴，可以加我QQ：349595945 我还是很乐意与大家一起交流技术的

iOS 自定义搜索框实时监听输入的内容变化相关推荐

UITextField实时监听输入文本的变化
开始用如下代理方法发现只能监听到变化后的前一位 - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NS ...
JavaScript 实时监听input 中值变化
JavaScript 实时监听input 中值变化在 <input> 标签中,添加属性 oninput ,oninput 事件在元素获得用户输入时发生. 当 <input> ...
ios 监听TextField中内容变化
本篇文章只为帮助跟多的人.适合初学者. 在这里我介绍3种监听UITextField的方法.并在最后写了一个小的demo 提供参考. -------请不要纠结小编的命名方式规不规范,一切只为共同学习,共 ...
监听mysql表内容变化使用canal_2 监听mysql表内容变化，使用canal
mysql本身是支持主从的(master slave),原理就是master产生的binlog日志记录了所有的增删改语句,将binlog发送到slave节点进行执行即可完成数据的同步. canal是阿 ...
js 实时监听input中值变化
摘自:http://blog.csdn.net/spy19881201/article/details/25537225 示例: <!DOCTYPE html> <html> ...
监听mysql表内容变化使用canal,canal 监听同步指定数据库，所有表
canal 监听同步指定数据库,所有表 canal 监听同步指定数据库,所有表因为工作需求,需要用到数据库同步,又从网上找了一些发现都有些问题,所以自己弄好之后写一篇总结,及配置步骤吧先将 MyS ...
jq 检测元素内html变化,jq 监听 textarea 元素内容变化的方法
在前台是可以限制 textarea 元素内输入内容的长度的,当然是用 jquery 代码实现起来是最简单,方便的,JQ脚本通过对 textarea 元素内容变化的检测来判断内容是否超出指定的长度. j ...
实时监听div，input内容改变并获取值（包括脚本动态添加）
在DOM中可以通过DOMNodeInserted和DOMNodeRemoved这两个事件来监视DOM元素的插入和移除. <!doctype html> <html lang=&quo ...
实时监听input输入框value的变化：
HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件实时监听输入框value的变化 oninput 事件在用户输入时触发. 该事件在 <input&g ...

iOS 自定义搜索框实时监听输入的内容变化

iOS 自定义搜索框实时监听输入的内容变化相关推荐

最新文章

热门文章