图片自适应WebView大小

简介: mainActivity如下: package com.cn.testwebview; import android.os.Bundle; import android.

mainActivity如下:

package com.cn.testwebview;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.webkit.WebView;
import android.app.Activity;
/**
 * Demo描述:
 * WebView显示图片,但有的图片很小不能铺满整个WebView.
 * 现解决
 */
public class MainActivity extends Activity {
    private WebView mWebView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		init();
	}
    private void init(){
    	mWebView=(WebView) findViewById(R.id.webview);
    	mWebView.setVerticalScrollBarEnabled(false);
    	mWebView.setHorizontalScrollBarEnabled(false);
    	mWebView.getSettings().setJavaScriptEnabled(true);
		mWebView.getSettings().setUseWideViewPort(true);
		mWebView.getSettings().setLoadWithOverviewMode(true);
		String imageUrl="http://csdnimg.cn/www/images/pic_foot_gongshang.png";
    	String data = "<p><img src=\""+imageUrl+"\" width=\"100%\""+" height=\"100%\""+"  /></p>";
    	mWebView.loadDataWithBaseURL("", data, "text/html", "UTF-8", "");
    	//禁止WebView滑动
    	mWebView.setOnTouchListener(new View.OnTouchListener() {
    	    public boolean onTouch(View v, MotionEvent event) {
    	      return (event.getAction() == MotionEvent.ACTION_MOVE);
    	    }
    	  });
    }

}


main.xml如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eee"
    >

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/ic_launcher" />


    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/imageView"
        android:layout_marginLeft="20dip"
        android:layout_marginRight="20dip"
       >
	<WebView
	    android:id="@+id/webview"
	    android:layout_width="fill_parent"
        android:layout_height="fill_parent"
	    android:layout_marginBottom="20dp"
	    />
        
    </RelativeLayout>

</RelativeLayout>


 

相关文章
|
4月前
|
缓存 JavaScript 前端开发
WebView完全解读
WebView完全解读
184 0
|
4月前
|
JavaScript 前端开发 安全
webview使用
webview使用
82 0
|
11月前
|
JavaScript 前端开发 Android开发
Android AgentWeb WebView 与js交互总结
Android AgentWeb WebView 与js交互总结
310 0
|
JavaScript Android开发
Android:WebView与js交互方式
通过WebView的addJavascriptInterface()进行对象映射 将JS代码javascript.html格式放到src/main/assets文件夹里 javascript.html
322 0
|
Android开发 开发者 iOS开发
关于WebView 控件,你了解多少?
大家需要知道,不管什么技术,最终在 App 里面显示网页,一定需要一个网页引擎,这样才能解析网页。 通常情况下,App 内部会使用 WebView 控件作为网页引擎。这是系统自带的控件,专门用来显示网页。应用程序的界面,只要放上 WebView,就好像内嵌了浏览器窗口,可以显示网页。
193 0
|
JavaScript API Android开发
Flutter WebView与JS交互简易指南
本文采用Flutter官方WebView插件:https://pub.dartlang.org/packages/webview_flutter   WebView与JS互相调用是一个刚需,但是貌似现在大家写的文章讲的都不是很清楚,我这个简易指南简单粗暴地分为两部分:JS调用Flutter和Flutter调用JS,拒绝花里胡哨,保证一看就懂,一学就会。
|
缓存 JavaScript Android开发
WebView使用相关笔记(一)
一、WebView常用的方法: 1、加载url // 1、加载一个网页 wvDeviceInfo.loadUrl("https://www.
1161 0
|
JavaScript 前端开发 Android开发
|
Android开发 移动开发 存储
ListView嵌套webView 事件冲突解决
如图,红色部分为WebView,作为ListView头部存在,测试视频(h5)要左右滑动,ListView要上下滑动,保证视频控件和下面评论部分可以显示,但是这个时候就存在WebView横向滑动和ListView竖向滑动之间的冲突。
1387 0