Android?WebView開發(fā)之自定義WebView工具框
附GitHub源碼:WebViewExplore
先看圖:
在WebView頁(yè)面長(zhǎng)按時(shí)會(huì)彈出一個(gè)復(fù)制框,但如果里面的item不是我們想要的或者想自定義,那么可以通過(guò)覆蓋WebView的 startActionMode 方法來(lái)實(shí)現(xiàn):
/** * 長(zhǎng)按彈出ActionMode菜單樣式 * @param callback * @param type * @return */ @Override public ActionMode startActionMode(Callback callback, int type) { Logger.d(TAG, "startActionMode--callback:" + callback + " type:" + type); ActionMode actionMode = super.startActionMode(callback, type); return resolveActionMode(actionMode); }
private ActionMode resolveActionMode(ActionMode actionMode) { if (actionMode != null) { final Menu menu = actionMode.getMenu(); mActionMode = actionMode; //清除系統(tǒng)自定item選項(xiàng) menu.clear(); /** * 為菜單item重新賦值 */ for (int i = 0; i < mActionList.size(); i++) { menu.add(mActionList.get(i)); //可以為每個(gè)item添加icon //menu.getItem(i).setIcon(R.drawable.ic_launcher); } for (int i = 0; i < menu.size(); i++) { MenuItem menuItem = menu.getItem(i); /** * 新添item的點(diǎn)擊事件【可根據(jù)不同個(gè)item點(diǎn)擊事件,來(lái)進(jìn)行相關(guān)的業(yè)務(wù)處理】 */ menuItem.setOnMenuItemClickListener(new OnMenuItemClickListener() { @Override public boolean onMenuItemClick(MenuItem item) { Logger.d(TAG, item.getTitle().toString()); getSelectedData((String) item.getTitle()); releaseAction(); return true; } }); } } mActionMode = actionMode; return actionMode; }
上面的mActionList是早已經(jīng)在該控件的構(gòu)造方法調(diào)用時(shí)添加了所需的item:
private void initData() { mActionList = new ArrayList<>(); //擴(kuò)選 mActionList.add(GlobalConstant.ENLARGE); //復(fù)制 mActionList.add(GlobalConstant.COPY); //分享 mActionList.add(GlobalConstant.SHARE); }
這里拿"復(fù)制"事件舉例,通過(guò)如下native調(diào)用該Js的代碼的方式可以獲取當(dāng)前所文本框所選中的文本:
/** * Android調(diào)用JS的代碼方式有2種: * 1、通過(guò)WebView的loadUrl() * 2、通過(guò)WebView的evaluateJavaScript() * <p> * 點(diǎn)擊的時(shí)候,獲取網(wǎng)頁(yè)中選擇的文本,回掉到原生中的js接口 * * @param title 傳入點(diǎn)擊的item文本,一起通過(guò)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, new ValueCallback<String>() { @Override public void onReceiveValue(String value) { //此處為js返回結(jié)果 Logger.d(TAG, "value:" + value); } }); } else { loadUrl("javascript:" + js); } }
點(diǎn)擊復(fù)制按鈕就可以將我們選中的文本賦值到上述js腳本中的 'txt' 變量中,但是如何傳遞到native呢,這就用到了 WebView與Native的交互 章節(jié)介紹的JS調(diào)用Native的方法1,這里再說(shuō)明一下:
在該控件的構(gòu)造方法中早已映射了原生方法接口:
private void linkJSInterface() { //Js調(diào)用native的方式一 addJavascriptInterface(new ActionSelectInterface(this), "JSInterface"); }
JSInterface 對(duì)應(yīng)的映射接口 ActionSelectInterface 實(shí)現(xiàn)如下:
/** * JS調(diào)用android原生方法1: * 通過(guò)WebView的addJavascriptInterface()進(jìn)行對(duì)象映射 */ public class ActionSelectInterface { private ActionWebView mActionWebView; public ActionSelectInterface(ActionWebView actionWebView) { mActionWebView = actionWebView; } @JavascriptInterface public void callback(final String value, final String title) { Logger.d(TAG, "currentThread:" + Thread.currentThread()); post(new Runnable() { @Override public void run() { if (mActionSelectListener != null) { mActionSelectListener.onClick(title, value); } } }); } }
所以最終就可以根據(jù)上述js腳本中的 'JSInterface.callback(txt,title);‘方法的調(diào)用,來(lái)最終響應(yīng) 至native類ActionSelectInterface中callback中,會(huì)收到title及復(fù)制文本value的值。
這樣根據(jù)之前的監(jiān)聽,便可進(jìn)行后續(xù)的一系列業(yè)務(wù)操作。?
到此這篇關(guān)于Android WebView開發(fā)之自定義WebView工具框的文章就介紹到這了,更多相關(guān)Android WebView 自定義工具框內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Android checkbox的listView具體操作方法
這篇文章主要介紹了Android checkbox的listView具體操作方法,重點(diǎn)就是存儲(chǔ)每個(gè)checkbox的狀態(tài)值,感興趣的小伙伴們可以參考一下2015-12-12Android 開發(fā)環(huán)境配置問(wèn)題
手機(jī)軟件開發(fā)IDE,本人在同時(shí)使用 Eclipse 和 Netbeans 后,感覺(jué) Eclipse 更適合自己2012-04-04Android 應(yīng)用的全屏和非全屏實(shí)現(xiàn)代碼
這篇文章主要介紹了Android 應(yīng)用的全屏和非全屏實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-05-05Android下的POS打印機(jī)調(diào)用的簡(jiǎn)單實(shí)現(xiàn)
本篇文章主要介紹了Android下的POS打印機(jī)調(diào)用的簡(jiǎn)單實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-04-04Android自定義View實(shí)現(xiàn)通訊錄字母索引(仿微信通訊錄)
本文主要介紹了Android自定義View實(shí)現(xiàn)通訊錄字母索引(仿微信通訊錄)的實(shí)現(xiàn)步驟與方法,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2016-12-12ScrollView嵌套ListView滑動(dòng)沖突的解決方法
這篇文章主要介紹了ScrollView嵌套ListView滑動(dòng)沖突的解決方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11Android直播軟件搭建之實(shí)現(xiàn)背景顏色滑動(dòng)漸變效果的詳細(xì)代碼
這篇文章主要介紹了Android直播軟件搭建之實(shí)現(xiàn)背景顏色滑動(dòng)漸變效果的詳細(xì)代碼,代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-09-09Android 音樂(lè)播放器的開發(fā)實(shí)例詳解
本文主要講解Android 音樂(lè)播放器的開發(fā),這里給大家提供一個(gè)簡(jiǎn)單的示例代碼,和實(shí)現(xiàn)效果圖,有需要開發(fā)音樂(lè)播放器的朋友可以參考下2016-08-08Android Toolbar應(yīng)用欄使用方法簡(jiǎn)介
App中應(yīng)用欄是十分常見的,通常應(yīng)用欄會(huì)顯示當(dāng)前頁(yè)面的標(biāo)題,還有一些操作按鈕,例如返回、搜索、掃碼等。本文介紹如何通過(guò)Toolbar實(shí)現(xiàn)應(yīng)用欄2022-12-12