文档章节

自制webView浏览器

c
 chuiyuan
发布于 2014/04/26 16:59
字数 682
阅读 1098
收藏 7

一。使用WebView 

主要步骤:

1。在布局文件中加入 WebView组件 

2. 在Activity中实例 化这个 组件 

3. 设置WebView 客户端,如果 不设置,将使用默认的内置浏览器

4. 加载 URL,显示网页

具体的如下。

1. 在布局文件中加入 WebView组件 

<WebView 
    android:layouy_width ="fill_parent"
    android:layouy_height = "wrap_content"
    android:id ="@+id/wv1"
    </WebView>

2. 在代码 中实例 化这个 组件 

Activity.findViewById(R.id.wv1);

3. 设置WebView 客户端

WebViewClient  client = new WebViewClient (){.......}

在新建 时,我们可以重写 里面的一些 方法。如

onLoadResource()

onPageStart()

onPageFinish()

onReceiverError()

4. 加载 URL,显示网页

WebView.loadUrl (String url );

例子:整体架构 

public class WebDemo extends Activity {
	EditText et;
	Button goBtn ;
	WebView wv;
	
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.web_demo);
		
		et= (EditText )findViewById(R.id.et1);
		goBtn =(Button)findViewById(R.id.goBtn);
		wv= (WebView)findViewById(R.id.wv1);
		//新建客户端
		WebViewClient client =new WebViewClient (){};
		//设置客户端
		wv.setWebViewClient(client); 
		goBtn.setOnClickListener(new OnClickListener(){
			public void onClick(View v) {
				// TODO Auto-generated method stub
				String url = et.getText().toString();
				if (URLUtil.isNetworkUrl(url)){
					wv.loadUrl(url);   //加载 URL
				}else {
					Toast.makeText(getBaseContext(), url, Toast.LENGTH_SHORT).show();
				}
			}
		});
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.web_demo, menu);
		return true;
	}

}


二。重写 WebViewClient

上面 的太简陋了,我们现在重写WebViewClient 以加入 更多 的功能 ,这里我们重写 三个方法:

onPageStarted()  :在页面开始 时,提示用户正在载入

onLoadResource ( ) :在加载资源 时,提示正在 加载 的URL 

 onPageFinished(): 在页面加载 结束 时,将页面截屏保存

WebViewClient client =new WebViewClient (){
			public void onLoadResource(WebView view, String url) {
				Toast.makeText(getBaseContext(), "正在载入"+url, Toast.LENGTH_SHORT).show();
				super.onLoadResource(view, url);
			}

			@Override
			public void onPageFinished(WebView view, String url) {
				Picture pic = view.capturePicture();   //得到网页的图片
				//得到图片的长和宽
				int width = pic.getWidth();
				int height =pic.getHeight();
				//如果宽or高为0 ,则不再执行
				if (height * width==0){
					return ;
				}
				//新建 位图,用来 存放 数据 
				Bitmap bitmap = Bitmap.createBitmap(width,height, Bitmap.Config.ARGB_8888);
				//新建图布,指定 要画的位图对象
				Canvas canvas = new Canvas(bitmap);
				//将图片画到画布上
				pic.draw(canvas);
				
				try {
					
					File file = new File (Environment.getExternalStorageDirectory().getPath()+"/pic.jpg");
					if (file.exists())
						file.delete();
					file.createNewFile();
					//得到输出 流
					FileOutputStream fos = new FileOutputStream (file);
					if (fos!=null){
						bitmap.compress(Bitmap.CompressFormat.JPEG, 90, fos);  //压缩成JPEG
					}
					Toast.makeText(getBaseContext(), "照片保存成功", Toast.LENGTH_SHORT).show();
				} catch (IOException e) {
					Toast.makeText(getBaseContext(), "IOException", Toast.LENGTH_SHORT).show();
				}	
				super.onPageFinished(view, url);
			}

			@Override
			public void onPageStarted(WebView view, String url, Bitmap favicon) {
				Toast.makeText(getBaseContext(), "正在载入", Toast.LENGTH_SHORT).show();
				super.onPageStarted(view, url, favicon);
			}
			
		};


三。放大与缩小菜单

例子:

public static final int GO_ID=1;
	public static final int BACK_ID=2;
	public static final int ZOOMOUT_ID=3;
	public static final int ZOOMIN_ID=4;
	public static final int DEFAULT_ID=5;
public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		menu.add(0, GO_ID, 0, "前进");
		menu.add(0, BACK_ID, 1, "后退");
		menu.add(0, ZOOMOUT_ID, 2, "放大");
		menu.add(0, ZOOMIN_ID, 3, "缩小");
		menu.add(0, DEFAULT_ID, 4, "默认");
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		switch (item.getItemId()){
		case GO_ID:
			if (wv.canGoForward()){
				wv.goForward();
			}
			return true;
		case BACK_ID:
			if (wv.canGoBack()){
				wv.goBack();
			}
			return true;
		case ZOOMOUT_ID:
			settings.setDefaultZoom(WebSettings.ZoomDensity.CLOSE);
			return true;
		case ZOOMIN_ID:
			settings.setDefaultZoom(WebSettings.ZoomDensity.FAR);
			return true;
		case DEFAULT_ID:
			settings.setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);
			return true;
			
		}
		return super.onOptionsItemSelected(item);
	}


© 著作权归作者所有

共有 人打赏支持
c
粉丝 9
博文 92
码字总数 40993
作品 0
海淀
私信 提问
android 使用webview加载网页问题

我在做图片站http://www.mimi199.com时要将其移动站打包成app, 我使用的是webview来加载网页(本来想使用phonegap来做来,但是还是太麻烦了), 具体代码如下: protected void onCreate(Bu...

yangjiyue0520
2017/11/09
0
0
android 使用webview加载网页问题

我在做图片站http://www.mimi199.com时要将其移动站打包成app, 我使用的是webview来加载网页(本来想使用phonegap来做来,但是还是太麻烦了), 具体代码如下: protected void onCreate(Bu...

yangjiyue0520
2017/10/30
0
0
有关WebView开发问题

如何创建WebView: 1、添加权限:AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。 2、在要Activity中生成一个WebView组件:WebView w......

无鸯
2011/11/09
733
0
android之在view中内嵌浏览器的方法

我要做的一个东西是在一个页面的中间嵌入浏览器,一开始不知道从哪里开始,因为以前用的都是Textveiw或者editVeiw之类的控件,而它们并不能用来显示网页的内容,怎么办呢? 首先想到的是:是...

迷途d书童
2012/03/24
2.2K
0
Android 中的 WebView实现Html5视屏标签

自Android 4.4起,Android中的WebView开始基于Chromium(谷歌浏览器)支持浏览器的一系列功能,webkit解析网页各个节点,这个改变,使得WebView的性能大幅度提升,并且对HTML5, CSS3, and Java...

切切歆语
2016/12/13
13
0

没有更多内容

加载失败,请刷新页面

加载更多

产品分析感悟

我终于写完了我的第一份产品分析,按理说,内心应该很高兴才对,但是并没有,我此刻心情很沉重。 好吧,我全交代。。。 在这写篇文章之前,我仿佛打了鸡血般,以为自己打开了新的知识大门,我...

铸剑为犁413
10分钟前
1
0
如何使用less实现随机下雪动画详解

冬天来了,设计师说摇摇乐的场景需要随机下落的雪花动画,第一时间就想到的方法是canvas比较好,项目非常紧急,然而小程序对canvas支持不够友好,容易在项目中出现无法预估的兼容性问题 ,马...

前端小攻略
16分钟前
0
0
一个程序员的成长之路(转)

转自全民直播CTO张云龙讲述的一个程序员的成长之路,觉得有一定的借鉴性,分享一下。 https://github.com/fouber/blog/issues/41

酷沃
16分钟前
1
0
https

进入阿里云域名后台,修改DNS为阿里云官方DNS(默认为官方),然后点击“免费开启SSL证书” 点击“申请”、“验证”并等待签发 然后根据自己的服务器类型下载对应的证书 我使用的是lnmpa工具...

临江仙卜算子
43分钟前
0
0
Quartz监听器Listerner

概述 Quartz的监听器用于当任务调度中你所关注事件发生时,能够及时获取这一事件的通知。Quartz监听器主要有JobListener、TriggerListener、SchedulerListener三种,顾名思义,分别表示任务、...

大笨象会跳舞吧
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部