码迷,mamicode.com
首页 > Web开发 > 详细

webview 中使用css适配简单的页面

时间:2015-08-16 13:47:30      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

package com.example.mycssdemo;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.webkit.WebSettings;
import android.webkit.WebSettings.LayoutAlgorithm;
import android.webkit.WebView;
import android.webkit.WebViewClient;
/**
 * 类名:MainActivity.java <br>
 * 描述: <br>
 * 创建者: lidongdong <br>
 * 创建日期:2015-8-16
 * 版本: <br>
 * 修改者:<br>
 * 修改日期:2015-8-16
 */
@SuppressLint("SetJavaScriptEnabled")
public class MainActivity extends Activity {
	private WebView mWebView;
	private WebSettings mWebSetting;
	private String content;
	private String linkCss;
	private String html;

	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mWebView= (WebView) findViewById(R.id.web_view);
		mWebSetting = mWebView.getSettings();
		mWebSetting.setJavaScriptEnabled(true);
		//======================保证页面的完整显示在手机屏幕上=======================
		mWebSetting.setUseWideViewPort(true); 
		mWebSetting.setLoadWithOverviewMode(true); 
		
		mWebSetting.setSupportZoom(true);  
		mWebSetting.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);  
		mWebSetting.setJavaScriptEnabled(true); 
//		mWebView.loadUrl("http://news.dahe.cn/2015/08-11/105436453.html");
		linkCss = "<style type=\"text/css\"> img {" +
				"width:100%;" +
				"height:auto;" +
				"}" +
				"body {" +
				"margin-right:15px;" +
				"margin-left:15px;" +
				"margin-top:15px;" +
				"font-size:45px;" +
				"}" +
				"</style>";
		mWebView.setWebViewClient(new WebViewClient(){
			
			@Override
			public boolean shouldOverrideUrlLoading(WebView view, String url) {
				Log.i("DD", "======="+url);
//				mWebView.loadData(linkCss, "text/html", "utf-8");
				view.loadUrl(url);
				return true;
			}
		});
		
		content = "<p><img src=\"http://img5.imgtn.bdimg.com/it/u=3572074785,265614668&fm=21&gp=0.jpg\">hahahha</p>";
		
		// 加载本地css 不行 不能读取
//		linkCss = "<link rel=\"stylesheet\" href=\"file:///android_asset/img.css\" type=\"text/css\">";

		
		html = "<html><header>" + linkCss + "</header>" + content + "</body></html>";
		
		mWebView.loadData(html, "text/html", "uft-8");
		
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}
只对文字和图片做了控制。

版权声明:本文为博主原创文章,未经博主允许不得转载。

webview 中使用css适配简单的页面

标签:

原文地址:http://blog.csdn.net/soulofandroid/article/details/47701805

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!