CustomActionWebView

Introduction: 自定义 webview 长按文本弹出选项,并且点击后返回选项与所选中的文本,你的 webview 不再只支持系统的复制等功能了,长按 web 文本实现文本一键收藏、分享,就是这么简单。
More: Author   ReportBugs   
Tags:
webView-actionMode-

自定义 webview 长按文本弹出选项,并且点击后返回选项与所选中的文本,你的 webview 不再只支持系统的复制等功能了,长按 web 文本实现文本一键收藏、分享,就是这么简单。Demo 中附带对 webView 的详细使用:api 详解,配置详解,js 多种通信方式详解。


Build Status

实现解析

在 project 下的 build.gradle 添加

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

在 module 下的 build.gradle 添加

dependencies {
   compile 'com.github.CarGuo:CustomActionWebView:v1.0.1'
}

示例图

JPG

GIF

使用实例

和普通的 webview 使用基本一致

List<String> list = new ArrayList<>();
list.add("Item1");
list.add("Item2");
list.add("Item3");

mCustomActionWebView.setWebViewClient(new bViewClient());

//设置 item
mCustomActionWebView.setActionList(list);

//链接 js 注入接口,使能选中返回数据
mCustomActionWebView.linkJSInterface();

ctionWebView.getSettings().setBuiltInZoomContro;
ctionWebView.getSettings().setDisplayZoomContro);
//使用 javascript
ctionWebView.getSettings().setJavaScriptEnabled
ctionWebView.getSettings().setDomStorageEnabled


//增加点击回调
ctionWebView.setActionSelectListener(new lectListener() {
    @Override
    public void onClick(String title, String xt) {
        Toast.makeText(MainActivity.this, tem: " + title + "。\n\nValue: " + selectText, NGTH_LONG).show();
    }
});

//加载 url
mCustomActionWebView.postDelayed(new Runnable() 
    @Override
    public void run() {
        mCustomActionWebView.loadUrl("http://shu.com/p/b32187d6e0ad");
    }
}, 1000);

webView 使用详细解析

  • Demo 中的 APIWebViewActivity.java
    /**
    * 演示 WebView 中的 Api 说明、js 交互的方法,还有注意事项
    * <p>
    * 1、内存泄漏防备
    * 2、配置 webView
    * 3、页面加载开始,错误,拦截请求,接受 Error 等
    * 4、页面加载进度,title,图标,js 弹框等
    * 5、js 交互与安全
    */
    

其他 WebView 推荐

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools