图片自适应WebView大小

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>

 

时间: 2024-10-27 19:24:30

图片自适应WebView大小的相关文章

CSS控制图片自适应Div大小

  CSS让图片自适应Div大小,对宽度执行CSS的expression指令,这个指令会在客户端被执行,当用户最大化显示窗口或缩放窗口时控制图片按比例适应Div宽度的大小.以下来看完整的示例代码如下:   浏览器窗口最大化后可看到图片自适应的效果,请替换IMG标签中的图片地址为一个有效的图片地址,以便查看效果.

JQuery加载图片自适应固定大小的DIV_javascript技巧

如何在固定大小的div中放置一个图片,当图片较小时显示实际大小,当图片超过div 大小时图片 自动适应div 的大小 jquery图片自适应大小实现过程的主要代码: 代码如下: 复制代码 代码如下: .divImg{ max-height:200px; max-width:200px; width: expression(this.width > 200 && this.width > this.height ? 200 : auto); height: expression(

HTML中使背景图片自适应浏览器大小

解决办法: 1.图片不够大,又background属性不能拉伸图片:  2.只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> : 3.body的background属性去掉,要不然会被遮住. <html>   <head> <title>新年快乐</title><embed src="./1.mp3" autostart="true" loop=

如何设置图片自适应容器大小

 代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">

WebView图片自适应屏幕

前言 记得曾经有好多人问过我webview加载到的图片太大了,超过了屏幕的宽度,怎么办呢?在笔者写这篇文章之前,也没有真正去验证过是否可行,只是告诉大家通过JS去设置css样式. 今天,也在segmentFault上看到有人也提了这样一个问题,因此决定亲自去测试一下,并分享给大家! HTML代码 1 2 3 4 5 6 7 8 9 10 11 12 13   <html>   <head></head>   <body>      <h1>Tes

CSS控制图片代码:让网页图片自适应大小

文章简介:CSS控制图片代码:让网页图片自适应大小. 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600

CSS图片自适应大小代码分享

我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码:   div img { max-width:600px; width:600px; width:expression(doc

用CSS如何控制网页中图片自适应大小?

css|控制|网页|自适应 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600?"600px&qu

用CSS控制图片自适应大小的方法

css|控制|自适应 网页制作技巧实例解决:用CSS控制图片自适应大小 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.client