WebVeiw 的基本使用

 今天简单那的了解了一下WebView 

大致分为两种情况:  1  在fragment 中     2  在Activity

1 在Fragment中的 WebView Client 点击回退是个难点


解决回退的方法Code:

原理很简单: 就是监听 Fragment 当前的事件, 但按下的时候,看是不是回退键,WebView是否可以回退?

可以的话,直接回退!

//设置 WebView 内部的回退跳转:
		webView.setOnKeyListener(new OnKeyListener() {
			@Override
			public boolean onKey(View v, int keyCode, KeyEvent event) {
				// TODO Auto-generated method stub
				if(event.getAction() == KeyEvent.ACTION_DOWN)
				{
					if(keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack())
					{
						webView.goBack();
						return true;
					}
				}
				return false;
			}
		});



------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------



package com.cim.pd.ui.fragment;

import android.app.Activity;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnKeyListener;
import android.view.ViewGroup;
import android.webkit.WebView;
import android.widget.ImageView;
import android.widget.ProgressBar;

import com.cim.pd.R;
import com.cim.pd.ui.MainActivity;
import com.cim.pd.view.MyWebViewClient;

/**
 * 菜单栏:
 * 	购买希盟智能设备页面
 * 
 * @author Hades
 * @Time 2014-12-4
 *
 */
public class BuyDeviceFragment extends Fragment {
	
	public static final String ARG = "BuyDeviceFragment";
	
	private MainActivity mainActivity;
	/**
	 * 购买设备的WebView
	 * */
	private WebView webView;

	/**
	 * 进度条
	 * */
	private ProgressBar progressBar;

	@Override
	public void onAttach(Activity activity)
	{
		super.onAttach(activity);
		mainActivity = (MainActivity) activity;
	}
	
	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
	}
	
	@Override
	public View onCreateView(LayoutInflater inflater,
			@Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		View view = inflater.inflate(R.layout.fragment_buy_device, container, false);
		
		initTop(view);
		
		initWebView(view);
		
		return view;
	}
	
	/**
	 * 初始化顶部的信息
	 * 
	 * @author Hades
	 * @Time 2014-12-4
	 * @param view
	 */
	private void initTop(View view)
	{
		progressBar = (ProgressBar) view.findViewById(R.id.buy_progressBar);
		progressBar.setVisibility(View.VISIBLE);
		
		ImageView drawerView = (ImageView)view.findViewById(R.id.drawer_menu);
		//设置监听器:
		drawerView.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				mainActivity.toggle();
			}
		});
	}
	
	
	/**
	 * 初始化页面信息:
	 * 
	 * @author Hades
	 * @Time 2014-12-4
	 * @param view
	 */
	private void initWebView(View view)
	{
		webView = (WebView)view.findViewById(R.id.buy_webview);
		webView.getSettings().setJavaScriptEnabled(true);
		String url = "http://m.cim120.com/";
		
		//第一步: 直接加载网址
		webView.loadUrl(url);
		
		//第二步: 设置页面在当前的WebView 中跳转!
		MyWebViewClient client = new MyWebViewClient(mainActivity,progressBar);
		webView.setWebViewClient(client);
		
		//设置 WebView 内部的回退跳转:
		webView.setOnKeyListener(new OnKeyListener() {
			@Override
			public boolean onKey(View v, int keyCode, KeyEvent event) {
				// TODO Auto-generated method stub
				if(event.getAction() == KeyEvent.ACTION_DOWN)
				{
					if(keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack())
					{
						webView.goBack();
						return true;
					}
				}
			}
		});
		
	}
	
	@Override
	public void onDestroyView() {
		// TODO Auto-generated method stub
		super.onDestroyView();
	}
	
	
}


2  Activity 

	
	/**
	 * 初始化组件
	 * 
	 * @Hades
	 * @Dec 3, 2014
	 * @11:35:35 PM
	 */
	private void init() {
		
		webView = (WebView) this.findViewById(R.id.my_buy_webview);
		
		webView.getSettings().setJavaScriptEnabled(true);
		
		String url = "http://m.cim120.com/";
		
		//第一种方式: 直接加载
		webView.loadUrl(url);
		
		//第二种: 创建自己的  浏览器!搜友的数据信息在里面显示!
		MyWebViewClient client = new MyWebViewClient(BuyDeviceActivity.this,progressBar);
		webView.setWebViewClient(client);
		
		
	}

	/**
	 *	设置WebViewClient 内部的回退
	 */
	@Override
	public void onBackPressed() {
		// TODO Auto-generated method stub
		if(webView.canGoBack())
		{
			webView.goBack();
		}else{
			finish();
		}
	}

Activity 内部有一个监听 回退键的  回调方法。

onBAckPressed;


---------------------------------------------------------------------------------------------------------------------------------

    webView 中的 webView.getSettings().setJavaScriptEnabled(true);


    这是添加 Js 的支持, 如果没有这句话的话,就会导致 webView 加载的页面中,
    JS的特效,无法显示!


-------------------------------------------------------------------------------------------------------------------------------

今天有的小大意:

跳转BuyDeviceActivity的时候


    点击的时候, 怎么还保存数据了?
    Error:
    12-04 13:51:19.778: E/CrashHandler(19281): Caused by: libcore.io.ErrnoException: write failed: ENOSPC (No space left on device)


    原因是因为: 自己太大意了! 没有添加  在 Application  中注册 Activity!


------------------------------------------------------------------------------------------------------------------------

WebViewClient是  用来显示WebView  的内容的数据;

如果没有他的话,当你点击啊WebView内部的内容的时候,就会默认的开启一个Intent去调用本地的

浏览器的App。

所以 必须自定义 WebViewClient,   shouldOverrideUrlLoading 是必须重写的。


package com.example.webview;

import android.app.Activity;
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;

public class MyWebViewClient extends WebViewClient {

	private ProgressBar progressBar;
	
	public MyWebViewClient() {
		// TODO Auto-generated constructor stub
	}
	
	public MyWebViewClient(Activity context) {
		// TODO Auto-generated constructor stub
		super();
	}
	
	public MyWebViewClient(Activity context,ProgressBar progressBar) {
		// TODO Auto-generated constructor stub
		super();
		this.progressBar = progressBar;
	}
	
	@Override
	public boolean shouldOverrideUrlLoading(WebView view, String url) {
		// TODO Auto-generated method stub
		view.loadUrl(url);
		return true;
	}

	/**
	 * WebView加载完毕数据
	 * */
	@Override
	public void onPageFinished(WebView view, String url) {
		// TODO Auto-generated method stub
//		super.onPageFinished(view, url);
		progressBar.setVisibility(View.GONE);
	}
	
}

onPageFinished()是在  WebView加载成功之后调用的,

这里 可以设置 进度条为 gone!

让进度条消失。


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。