研究Android新闻类app webview中的图片点击

最新推荐文章于 2021-05-26 07:10:53 发布

hellohaifei

最新推荐文章于 2021-05-26 07:10:53 发布

阅读量1.3k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/hellohaifei/article/details/43532253

版权

Android 专栏收录该内容

60 篇文章 0 订阅

订阅专栏

1.使用jsoup Document document = Jsoup.connect(url).timeout(9000).get(); 来得到网页内容

2.用webView.loadDataWithBaseURL (null, data, "text/html", "utf-8",null); data 是指网页内容，只包含<body> </body>标签中的就可以

3.js和原生互调用

// 注入js函数监听
private void addImageClickListner() {
// 这段js函数的功能就是，遍历所有的img几点，并添加onclick函数，函数的功能是在图片点击的时候调用本地java接口并传递url过去
webView.loadUrl("javascript:(function(){" +
"var objs = document.getElementsByTagName(\"img\"); " +
"for(var i=0;i<objs.length;i++) " +
"{"
+ " objs[i].οnclick=function() " +
" { "
+ " window.imagelistner.openImage(this.src); " +
" } " +
"}" +
"})()");
}

private void initWebView() {
webView = (WebView)findViewById(R.id.wb_details);
LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);
if (!TextUtils.isEmpty(news_url)) {
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);//设置可以运行JS脚本
// settings.setTextZoom(120);//Sets the text zoom of the page in percent. The default is 100.
settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
// settings.setUseWideViewPort(true); //打开页面时，自适应屏幕
// settings.setLoadWithOverviewMode(true);//打开页面时，自适应屏幕
settings.setSupportZoom(false);// 用于设置webview放大
settings.setBuiltInZoomControls(false);
webView.setBackgroundResource(R.color.transparent);
// 添加js交互接口类，并起别名 imagelistner
webView.addJavascriptInterface(new MyJavascriptInterface(this),"imagelistner");
webView.setWebChromeClient(new MyWebChromeClient());
webView.setWebViewClient(new MyWebViewClient());
new MyAsnycTask().execute(news_url, news_title, news_source + " " +news_date);
}
}

// js通信接口
public class MyJavascriptInterface {

private Context context;

public MyJavascriptInterface(Context context) {
this.context = context;
}

@JavascriptInterface //解决api17以上的问题
public void openImage(String img) {

//
String[] imgs = img.split(",");
ArrayList<String> imgsUrl = new ArrayList<String>();
for (String s : imgs) {
imgsUrl.add(s);
Log.i("图片的URL>>>>>>>>>>>>>>>>>>>>>>>", s);
}
Intent intent = new Intent();
intent.putStringArrayListExtra("infos", imgsUrl);
intent.setClass(context, ImageShowActivity.class);
intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
context.startActivity(intent);
}
}

hellohaifei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
研究Android新闻类app webview中的图片点击

1.使用jsoup Document document = Jsoup.connect(url).timeout(9000).get(); 来得到网页内容2.用webView.loadDataWithBaseURL (null, data, "text/html", "utf-8",null); data 是指网页内容，只包含标签中的就可以3.js和原生互调用// 注入js函数
复制链接

扫一扫

专栏目录