Android WebView选择标记

2024-06-24 06:58
文章标签 android webview 标记 选择

本文主要是介绍Android WebView选择标记，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言

最近项目中有个需求是对后台返回的Html数据显示并且能够进行标记，点击标记还要能显示对应的笔记数据，那么这样的需求，对于同类型的小说来说是我们力所能及First想到的，但是你看遍所有的博客和Demo之后你会发现，他们使用的返回数据是完全不一样的，那么对于网页数据怎么来实现标记呢，首先选择获取文字就是一个问题，怎么获取到选中的文字，那么就只有重写WebView，对WebView的菜单栏进行编辑添加自己的菜单栏-添加笔记。

知识点

（1）.WebView长按显示对应的添加笔记菜单==》GitHub跳转

（2）.WebView网页数据标记显示

WebView自定义

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.os.Build;
import android.util.AttributeSet;
import android.view.ActionMode;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;import java.util.ArrayList;
import java.util.List;/*** Created by guoshuyu on 2017/6/16.*/public class SectionActionWebView extends WebView {static String TAG = "CustomActionWebView";ActionMode mActionMode;List<String> mActionList = new ArrayList<>();OnActionSelectListener mActionSelectListener;public SectionActionWebView(Context context) {super(context);}public SectionActionWebView(Context context, AttributeSet attrs) {super(context, attrs);}public SectionActionWebView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}/*** 处理item，处理点击** @param actionMode*/private ActionMode resolveActionMode(ActionMode actionMode) {if (actionMode != null) {if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {actionMode.setType(ActionMode.TYPE_FLOATING);}final Menu menu = actionMode.getMenu();mActionMode = actionMode;menu.clear();for (int i = 0; i < mActionList.size(); i++) {menu.add(mActionList.get(i));}for (int i = 0; i < menu.size(); i++) {MenuItem menuItem = menu.getItem(i);menuItem.setOnMenuItemClickListener(new MenuItem.OnMenuItemClickListener() {@Overridepublic boolean onMenuItemClick(MenuItem item) {getSelectedData((String) item.getTitle());releaseAction();return true;}});}}mActionMode = actionMode;return actionMode;}@Overridepublic ActionMode startActionMode(ActionMode.Callback callback) {ActionMode actionMode = super.startActionMode(callback);return resolveActionMode(actionMode);}@Overridepublic ActionMode startActionMode(ActionMode.Callback callback, int type) {ActionMode actionMode = super.startActionMode(callback, type);return resolveActionMode(actionMode);}private void releaseAction() {if (mActionMode != null) {mActionMode.finish();mActionMode = null;}}/*** 点击的时候，获取网页中选择的文本，回掉到原生中的js接口** @param title 传入点击的item文本，一起通过js返回给原生接口*/private void getSelectedData(String title) {String js = "(function getSelectedText() {" +"var txt;" +"var title = \"" + title + "\";" +"if (window.getSelection) {" +"txt = window.getSelection().toString();" +"} else if (window.document.getSelection) {" +"txt = window.document.getSelection().toString();" +"} else if (window.document.selection) {" +"txt = window.document.selection.createRange().text;" +"}" +"JSInterface.callback(txt,title);" +"})()";if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {evaluateJavascript("javascript:" + js, null);} else {loadUrl("javascript:" + js);}}public void linkJSInterface() {addJavascriptInterface(new ActionSelectInterface(this), "JSInterface");}/*** 设置弹出action列表** @param actionList*/public void setActionList(List<String> actionList) {mActionList = actionList;}/*** 设置点击回掉** @param actionSelectListener*/public void setActionSelectListener(OnActionSelectListener actionSelectListener) {this.mActionSelectListener = actionSelectListener;}/*** 隐藏消失Action*/public void dismissAction() {releaseAction();}/*** js选中的回掉接口*/private class ActionSelectInterface {SectionActionWebView mContext;ActionSelectInterface(SectionActionWebView c) {mContext = c;}@JavascriptInterfacepublic void callback(final String value, final String title) {if (mActionSelectListener != null) {mActionSelectListener.onClick(title, value);}}}
}/*** Created by guoshuyu on 2017/6/17.*/public interface OnActionSelectListener {void onClick(String title, String selectText);
}

重点是对WebView进行标记，这个逻辑就需要我们来写了。当我们拿到文字之后需要做的操作是，对文字进行处理标记。其他很多人在看我博客之前已经尝试了很多方式或者说是百度了很多了方法了。此处我采用的是将服务器拉取的数据进行打散操作，然后将打散之后的数据进行重新拼接处理显示，利用如此方案来实现标记。

Html标签处理工具类

import android.text.TextUtils;import com.android.utils.ListUtils;
import com.yunxiang.social.app.Constants;import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.regex.Matcher;
import java.util.regex.Pattern;/*** Created by Relin* on 2018-12-28.* 笔记标注*/
public class HtmlUtils {/*** 开始标签*/public static final String TAG_START = "start";/*** 标签内容*/public static final String TAG_CONTENT = "content";public static final String IS_MARK = "IS_MARK";public static final String MARK = "1";public static final String UNMARK = "0";/*** 结束标签*/public static final String TAG_END = "end";/*** 删除网页所有标签** @param content 网页内容* @return*/public static String deleteTag(String content) {content = deleteTag(content, "<[^>]+>");content = deleteTag(content, "\\s*|\t|\n|\n");return content;}/*** 删除网页标签** @param content 网页内容* @param regex   正则* @return*/public static String deleteTag(String content, String regex) {Pattern pattern = Pattern.compile(regex, Pattern.CASE_INSENSITIVE);Matcher matcher = pattern.matcher(content);content = matcher.replaceAll("").trim();return content;}/*** 拆分所有标签** @param content* @return*/public static List<Map<String, String>> splitTag(String content) {if (TextUtils.isEmpty(content)) {return null;}int tagIndex = 0;StringBuffer contentBuffer = new StringBuffer();StringBuffer tagBuffer = new StringBuffer();Map<String, String> tagMap = new HashMap<>();List<Map<String, String>> tagList = new ArrayList<>();char[] chars = content.toCharArray();for (int i = 0; i < chars.length; i++) {//获取前标签内容if ((chars[i] + "").equals("<") && tagIndex == 0) {tagBuffer = new StringBuffer("");tagBuffer.append(chars[i]);tagIndex = 1;}if (!(chars[i] + "").equals("<") && !(chars[i] + "").equals(">") && tagIndex == 1) {tagBuffer.append(chars[i] + "");}if ((chars[i] + "").equals(">") && tagIndex == 1) {tagBuffer.append(chars[i] + "");tagMap = new HashMap<>();tagMap.put(TAG_START, tagBuffer.toString());tagMap.put(TAG_CONTENT, "");tagIndex = 2;}//获取内容if (tagIndex == 2 && !(chars[i] + "").equals("<") && !(chars[i] + "").equals(">")) {contentBuffer.append(chars[i] + "");tagMap.put(TAG_CONTENT, contentBuffer.toString());}//获取后标签内容if (tagIndex == 2 && (chars[i] + "").equals("<")) {tagBuffer = new StringBuffer("");tagBuffer.append(chars[i]);tagIndex = 3;}if (tagIndex == 3 && !(chars[i] + "").equals("<") && !(chars[i] + "").equals(">")) {tagBuffer.append(chars[i]);}if (tagIndex == 3 && (chars[i] + "").equals(">")) {if (tagMap.get(HtmlUtils.TAG_START).startsWith(tagBuffer.toString().replace("/", "").replace(">", ""))) {tagBuffer.append(chars[i]);tagMap.put(TAG_END, tagBuffer.toString());tagMap.put(IS_MARK, UNMARK);tagList.add(tagMap);contentBuffer = new StringBuffer("");tagIndex = 0;} else {tagIndex = 2;}}}return tagList;}/*** 添加标记** @param selectText 选中的文字* @param tagList    标签数据*/public static void addRemark(String selectText, List<Map<String, String>> tagList) {for (int i = 0; i < ListUtils.getSize(tagList); i++) {Map<String, String> item = tagList.get(i);String start = item.get(HtmlUtils.TAG_START);String middle = item.get(HtmlUtils.TAG_CONTENT);String end = item.get(HtmlUtils.TAG_END);if (selectText.contains(middle)) {tagList.get(i).put(HtmlUtils.TAG_START, "<a href=\"" + Constants.BASE_URL + "\" style='color:#00CCCC'>" + start);tagList.get(i).put(HtmlUtils.TAG_END, end + "</a>");}if (middle.contains(selectText)) {int index = middle.indexOf(selectText);String equalText = middle.substring(index, selectText.length() + index);middle = middle.replace(equalText, "<a href=\"" + Constants.BASE_URL + "\" style='color:#00CCCC'>" + equalText + "</a>");tagList.get(i).put(HtmlUtils.TAG_CONTENT, middle);}}}/*** 组合标记** @param cacheList* @return*/public static StringBuffer combinationRemark(List<Map<String, String>> cacheList) {StringBuffer sb = new StringBuffer();for (int i = 0; i < ListUtils.getSize(cacheList); i++) {Map<String, String> item = cacheList.get(i);String start = item.get(HtmlUtils.TAG_START);String middle = item.get(HtmlUtils.TAG_CONTENT);String end = item.get(HtmlUtils.TAG_END);sb.append(start + middle + end);}return sb;}}

WebView加载Html数据

    public void loadLinkWebData(WebView webView, String data) {WebSettings settings = webView.getSettings();settings.setSupportZoom(true);settings.setTextZoom(85);settings.setJavaScriptEnabled(true);webView.setWebViewClient(new WebViewClient(){@Nullable@Overridepublic WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {//点击事件拦截接收Log.e("RRL","url==>"+request.getUrl().toString());return super.shouldInterceptRequest(view, request);}@Overridepublic boolean shouldOverrideUrlLoading(WebView view, String url) {//点击事件拦截接收Log.e("RRL","url==>"+url);return true;}});webView.setWebChromeClient(new WebChromeClient());webView.loadDataWithBaseURL(null, data, "text/html", "utf-8", null);}

例子

		HtmlUtils.addRemark(selectText, tagList);//selectText为WebView选中的文字StringBuffer completeBuffer = HtmlUtils.combinationRemark(tagList);loadLinkWebData(webView, completeBuffer.toString());

这篇关于Android WebView选择标记的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1089470。

相关文章

（超详细）YOLOV7改进-Soft-NMS(支持多种IoU变种选择)

（超详细）YOLOV7改进-Soft-NMS(支持多种IoU变种选择)

1.在until/general.py文件最后加上下面代码 2.在general.py里面找到这代码，修改这两个地方 3.之后直接运行即可
阅读更多...
Eclipse+ADT与Android Studio开发的区别

Eclipse+ADT与Android Studio开发的区别

下文的EA指Eclipse+ADT,AS就是指Android Studio。 就编写界面布局来说AS可以边开发边预览（所见即所得,以及多个屏幕预览），这个优势比较大。AS运行时占的内存比EA的要小。AS创建项目时要创建gradle项目框架，so,创建项目时AS比较慢。android studio基于gradle构建项目，你无法同时集中管理和维护多个项目的源码，而eclipse ADT可以同时打开
阅读更多...
android 免费短信验证功能

android 免费短信验证功能

没有太复杂的使用的话，功能实现比较简单粗暴。 在www.mob.com网站中可以申请使用免费短信验证功能。 步骤： 1.注册登录。 2.选择“短信验证码SDK” 3.下载对应的sdk包，我这是选studio的。 4.从头像那进入后台并创建短信验证应用，获取到key跟secret 5.根据技术文档操作（initSDK方法写在setContentView上面） 6.关键：在有用到的Mo
阅读更多...
android一键分享功能部分实现

android一键分享功能部分实现

为什么叫做部分实现呢，其实是我只实现一部分的分享。如新浪微博，那还有没去实现的是微信分享。还有一部分奇怪的问题：我QQ分享跟QQ空间的分享功能，我都没配置key那些都是原本集成就有的key也可以实现分享，谁清楚的麻烦详解下。 实现分享功能我们可以去www.mob.com这个网站集成。免费的，而且还有短信验证功能。等这分享研究完后就研究下短信验证功能。 开始实现步骤（新浪分享，以下是本人自己实现
阅读更多...
Android我的二维码扫描功能发展史（完整）

Android我的二维码扫描功能发展史（完整）

最近在研究下二维码扫描功能，跟据从网上查阅的资料到自己勉强已实现扫描功能来一一介绍我的二维码扫描功能实现的发展历程： 首页通过网络搜索发现做android二维码扫描功能看去都是基于google的ZXing项目开发。 2、搜索怎么使用ZXing实现自己的二维码扫描：从网上下载ZXing-2.2.zip以及core-2.2-source.jar文件，分别解压两个文件。然后把.jar解压出来的整个c
阅读更多...
android 带与不带logo的二维码生成

android 带与不带logo的二维码生成

该代码基于ZXing项目，这个网上能下载得到。 定义的控件以及属性： public static final int SCAN_CODE = 1;private ImageView iv;private EditText et;private Button qr_btn,add_logo;private Bitmap logo,bitmap,bmp; //logo图标private st
阅读更多...
Android多线程下载见解

Android多线程下载见解

通过for循环开启N个线程，这是多线程，但每次循环都new一个线程肯定很耗内存的。那可以改用线程池来。 就以我个人对多线程下载的理解是开启一个线程后： 1.通过HttpUrlConnection对象获取要下载文件的总长度 2.通过RandomAccessFile流对象在本地创建一个跟远程文件长度一样大小的空文件。 3.通过文件总长度/线程个数=得到每个线程大概要下载的量（线程块大小）。
阅读更多...
时间服务器中，适用于国内的 NTP 服务器地址，可用于时间同步或 Android 加速 GPS 定位

时间服务器中，适用于国内的 NTP 服务器地址，可用于时间同步或 Android 加速 GPS 定位

NTP 是什么？   NTP 是网络时间协议（Network Time Protocol），它用来同步网络设备【如计算机、手机】的时间的协议。 NTP 实现什么目的？   目的很简单，就是为了提供准确时间。因为我们的手表、设备等，经常会时间跑着跑着就有误差，或快或慢的少几秒，时间长了甚至误差过分钟。 NTP 服务器列表 最常见、熟知的就是 www.pool.ntp.org/zo
阅读更多...
高仿精仿愤怒的小鸟android版游戏源码

高仿精仿愤怒的小鸟android版游戏源码

这是一款很完美的高仿精仿愤怒的小鸟android版游戏源码，大家可以研究一下吧、 为了报复偷走鸟蛋的肥猪们，鸟儿以自己的身体为武器，仿佛炮弹一样去攻击肥猪们的堡垒。游戏是十分卡通的2D画面，看着愤怒的红色小鸟，奋不顾身的往绿色的肥猪的堡垒砸去，那种奇妙的感觉还真是令人感到很欢乐。而游戏的配乐同样充满了欢乐的感觉，轻松的节奏，欢快的风格。 源码下载
阅读更多...
Android SurfaceFlinger——图形内存分配器（十一）

Android SurfaceFlinger——图形内存分配器（十一）

前面的文章中的图层合成器（HWC），这里我们接着看一下 SurfaceFlinger 中的另一个重要服务——图形内存分配器。 一、简介         android.hardware.graphics.allocator@2.0 是 Android 系统中硬件抽象层（HAL）的一个组件，专门用于图形内存的分配和管理。它是 SurfaceFlinger 在处理图形数据时所依赖的
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2