推广 热搜: page  音视频  使用  选择  搜索引擎  百度  企业  可以  个数  父亲 

WebView实现页内文字查找功能

   日期:2024-12-23     作者:4rs13    caijiyuan   评论:0    移动:http://ww.kub2b.com/mobile/news/11991.html
核心提示:最近闲来无事一直在学习WebView的知识,最近几篇博客也都和这个有关。看了好久WebView的Api,终于找到了一个拿的出

最近闲来无事一直在学习WebView的知识,最近几篇博客也都和这个有关。看了好久WebView的Api,终于找到了一个拿的出手给大家分享(水)的功能了。看标题,就知道是搜索匹配当前网页内的关键词的功能啦,惯例先放下成品图(UI参照了桌面版的Chrome

效果和桌面版Chrome的页内搜索也是差不多的。下面就介绍下相关相关Api和具体实现流程吧。

找到网页内所有关键词,看方法名字知道是异步查找的。所有找到的匹配项都会用颜色标记(上图是黄色)。

切换所找到关键词列表的匹配项。forward是切换方向,true切换到下一个,false切换到前一个。当前选中的匹配项会用另外一个颜色标记(橙色)。注意切换的操作是循环的,比如已经在最后一项了,再往前切换就会回到第一个匹配项。

设置接口监听器,回调查找的结果,其中就一个方法

 
  
 

清除所有找到的关键词的颜色标记。用来做复原操作。

以下是一些过时(废弃)的方法

找到关键词,并显示弹框。原来WebView有内置的查找文字的弹框,可惜在所有android版本的系统上这个方法都不一定有用。

findAllAsync的同步版本,返回的是查找的结果的个数。猜测如果网页内文字太多,同步查找可能引起UI线程阻塞,所以系统建议我们采用异步的查找方式。

好了主要方法就是以上这些,下面讲下具体的实现流程。

整个查找的流程(包括显示细节)都仿照了了Chrome的查找方式。

弹框最初我选择了DialogFrgment,但是dialog会阻塞Webview获取焦点。因为我们预期的结果是查找到所有匹配项后仍能够自己滑动查看。所有只能直接写在WebView的布局里面。为了优化布局加载速度,可以采用如下引用方式

 
 

这样就能实现布局的延迟加载。当然最好的方法还是选择dialog或者poupwindow。可惜没有解决焦点的问题。 注册查找回调的接口,注意下标索引是从0开始的,所以要加1

 
 

通过监听输入框的内容变化进行动态的文字查找。

 
 

在弹框查找框同时要弹出输入框。并且需要判断有没有存在内容,有的话直接查找,但是这只是为了显示找到匹配项的个数,所以清除颜色标记。

 
 

在隐藏查找框的时候隐藏输入框和清楚匹配项的颜色标记

 
 

查找框的进入消失动画可以用实现

以上差不多就是所有的实现要点了。

贴下本文代码的地址

Github

关于WebView之前已经写过几篇博客了。对这方面感兴趣的同学可以看下我的其他相关博客(Github地址同上

撸一款全手势操作浏览器

本文地址:http://ww.kub2b.com/news/11991.html     企库往 http://ww.kub2b.com/ ,  查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类最新文章
0相关评论

文章列表
相关文章
最新动态
推荐图文
最新文章
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号