文档章节

自制webView浏览器

c
 chuiyuan
发布于 2014/04/26 16:59
字数 682
阅读 1090
收藏 7
点赞 0
评论 0

一。使用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
604
0
android之在view中内嵌浏览器的方法

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

迷途d书童
2012/03/24
1K
0
Android实用笔记——使用WebView在界面中显示网页

1、通过Intent调用系统浏览器 2、使用WebView显示网页 将WebView加入应用 要在应用中加入WebView,需要在活动布局中加入<WebView>元素 在AndroidManifest。xml文件中添加网络访问的权限 3、使...

落叶-归根
2016/07/27
31
0
项目小总结

此次项目中,使用了很多东西,捡一些印象深刻的来说。 一、大量地使用Android百度地图SDK进行开发,主要用到这些。 1、地理编码(正向编码和反向编码): 接口、类 com.baidu.mapapi.search....

雪狼的开发故事
2015/10/13
131
0
Android开发学习笔记:浅谈WebView

WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页,实现WebView有以下两种不同的方法: 第一种方法的步骤: 1.在要Activity中实例化WebView组...

无鸯
2011/11/09
1K
1
Android 中的 WebView实现Html5视屏标签

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

切切歆语
2016/12/13
13
0
关于用WebView或手机浏览器打开连接问题

注:该文章为(男人应似海)原创,如需转载请注明出处! 1.通常情况下 大家可能都想使用WebView打开网页内部链接而不想再调用手机浏览器,我们可以通过以下两种方法实现: (1)为WebView设置一...

迷途d书童
2012/03/28
1K
0
WebView缓存原理分析和应用

WebView缓存原理分析和应用 Uncle Chen2017-05-1334 阅读 AndroidWebView技术 一、背景 现在的App开发,或多或少都会用到Hybrid模式,到了WebView这边,经常会加载一些js文件(例如和WebView...

Uncle Chen
2017/05/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Docker Mac (三) Dockerfile 及命令

Dockerfile 最近学习docker的时候,遇到一件怪事,关于docker镜像可能会被破坏,还不知道它会有此措施 所以需要了解构建Dockerfile的正确方法 Dockerfile是由一系列命令和参数构成的脚本,这些命...

___大侠
26分钟前
0
0
NetCat Tutorials

Hacking with Netcat part 1: The Basics Hacking with Netcat part 2: Bind and reverse shells Hacking with Netcat part 3: Advanced Techniques 10 Introduction to Netcat - pdf NetCat......

zungyiu
26分钟前
0
0
Android Studio+NDK+Cmake 移植FFmpeg-4.0.2命令行工具

一、编译 参考大神的帖子,亲测一次编译成功:https://blog.csdn.net/bobcat_kay/article/details/80889398 鉴于以前查文档的经验,这里附上编写例子的时间:2018年7月22日 我用的是ubantu,...

她叫我小渝
27分钟前
0
0
mysql创建数据库

登录MYSQL mysql -u root -p 脚本创建数据库WeChat,并制定默认的字符集是utf8mb4。 CREATE DATABASE Wechat DEFAULT CHARSET utf8mb4 COLLATE utf8mb4_general_ci; 授权 grant all......

niithub
41分钟前
0
0
svn: Unable to connect to a repository URL 的解决方案

错误图示: 解决办法:清除本地保存的授权信息; 1:右键点击本地文件夹,选择设置; TortoiseSVN -> Settings 2:在弹出的对话框中选择 Saved Data, 右侧选择:授权地方清理所有。 然后点确...

宁哥实战课堂
今天
1
0
sleep与wait的区别

Thread.sleep(XXX)方法消耗CPU吗? 这个知识点是我之前认识一直有错误的一个知识点,在我以前的认识里面,我一直认为Thread.sleep(1000)的这一秒钟的时间内,线程的休眠是一直占用着CPU的时间...

码代码的小司机
今天
1
0
20位活跃在Github上的国内技术大牛 leij 何小鹏 亚信

本文列举了20位在Github上非常活跃的国内大牛,看看其中是不是很多熟悉的面孔? 1. lifesinger(玉伯) Github主页: https://github.com/lifesinger 微博:@ 玉伯也叫射雕 玉伯(王保平),...

海博1600
今天
1
0
Mybatis收集配置

一、Mybatis取Clob数据 1、Mapper.xml配置 <resultMap type="com.test.User" id="user"> <result column="id" property="id"/> <result column="json_data" property="jsonData" ......

星痕2018
今天
1
0
centos7设置以多用户模式启动

1、旧版本linux系统修改inittab文件,在新版本执行vi /etc/inittab 会有以下提示 # inittab is no longer used when using systemd. # # ADDING CONFIGURATION HERE WILL HAVE NO EFFECT ON......

haha360
今天
1
0
OSChina 周日乱弹 —— 局长:怕你不爱我

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ andonny :分享周二珂的单曲《孤独她呀》 《孤独她呀》- 周二珂 手机党少年们想听歌,请使劲儿戳(这里) @孤星闵月 :没事干,看一遍红楼梦...

小小编辑
今天
407
12

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部