美文网首页
WebView自定义长按弹出菜单

WebView自定义长按弹出菜单

作者: VitaAin | 来源:发表于2020-01-10 15:02 被阅读0次

    ActionMode

    ActionMode上下文操作菜单模式,Android3.0之后出现的一种菜单选择模式。

    ActionMode.Callback

    startActionMode方法调用时启动,用来配置和处理用户与动作模式的交互引发的事件。

    • onCreateActionMode(ActionMode mode, Menu menu)
      • 首次创建操作模式时调用。 提供的菜单将用于生成操作模式的操作按钮。
    • onPrepareActionMode(ActionMode mode, Menu menu)
      • 在操作模式无效时刷新操作模式的操作菜单,此时被调用。
    • onActionItemClicked(ActionMode mode, MenuItem item)
      • 用户点击操作按钮时被调用。
    • onDestroyActionMode(ActionMode mode)
      • 在即将退出并销毁动作模式时调用。

    ActionMode.Callback2

    继承ActionMode.Callback。扩展ActionMode.Callback以提供内容rect信息。对于具有动态定位的ActionMode是必需的,例如类型为ActionMode.TYPE_FLOATING的ActionModes,以确保定位不会遮盖应用内容。如果应用程序无法提供此类的子类,则将使用默认实现。

    • onGetContentRect
      • 当ActionMode需要定位在屏幕上时调用,可能会遮挡视图内容。注意,这可以基于每帧调用

    ActionMode.TYPE...

    ActionMode模式类型,可以通过setType设置。

    • TYPE_PRIMARY
      • 设置ActionMode为基础模式,为默认值
    • TYPE_FLOATING
      • 设置ActionMode为浮动工具栏模式

    实现步骤

    1. WebView实现startActionMode方法,拦截ActionMode
    @Override
    public ActionMode startActionMode(ActionMode.Callback callback) {
        ActionMode actionMode = super.startActionMode(callback);
        return resolveActionMode(actionMode);
    }
    
    @Override
    public ActionMode startActionMode(ActionMode.Callback callback, int type) 
        ActionMode actionMode =  super.startActionMode(callback, type);
        return resolveActionMode(actionMode);
    }
    
    1. 重定义ActionModeMenuItem
    private ActionMode mActionMode;
    private List<String> mActionList = new ArrayList<String>() {
        {
            add("菜单1");
            add("菜单2");
            add("菜单3");
        }
    };
    
    /**
     * 重定义ActionMode中的MenuItem
     * 
     * @return 拥有新MenuItem的ActionMode 
     */
    private ActionMode resolveActionMode(ActionMode actionMode) {
        if (actionMode == null) {
            mActionMode = null;
            return;
        }
        // 获取并清除原菜单
        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() {
                @Override
                public boolean onMenuItemClick(MenuItem item) {
                    // 获取网页中选择的文本
                    getSelectedData((String) item.getTitle());
                    // 释放ActionMode
                    releaseAction();
                    return true;
                }
            });
        }
        return actionMode;
    }
    
    1. 获取网页中选择的文本,通过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);
        }
    }
    

    通过addJavascriptInterface()WebView注册接口,并实现回调

    /**
     * ActionMode原生与JS交互接口
     */
    public class ActionModeWebBridge implements INoProGuard {
    
        public ActionModeWebBridge() {
            
        }
    
        @JavascriptInterface
        public void callback(final String value, final String title) {
            // do something...
        }
    
    }
    
    webView.addJavascriptInterface(new ActionModeWebBridge(), "JSInterface");
    
    1. 释放ActionMode
    private void releaseAction() {
        if (mActionMode != null) {
            mActionMode.finish();
            mActionMode = null;
        }
    }
    
    1. 将修改后的ActionMode回传给系统
      startActionModereturn修改后的ActionMode

    其他

    1. Activity中相关回调
    • onActionModeStarted
      • 会在startActionMode后被调用
    • onActionModeFinished
      • 菜单消失后被调用
    各系统测试情况
    • HUAWEI CRR-UL00 6.0 正常

    • TCL P588L 5.0.2 正常

    • vivo V3Max A 5.1.1 X

    • Honor 8 Lite 8.0.0 正常

    • vivo Y51 5.0.2 X

    • OPPO A57 6.0.1 正常

    • 两台vivo手机菜单都未被拦截

    • 部分网页会有长按后只弹出复制菜单的情况

    • 部分网页获取不到选中文本

    问题
    • 获取选中文本是否可以通过系统API拿到?
      • 通过反射WebView.emulateShiftHeld方法,将选中文本复制到剪贴板;--未成功

    相关文章

      网友评论

          本文标题:WebView自定义长按弹出菜单

          本文链接:https://www.haomeiwen.com/subject/zuapactx.html