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