`

Android----------WebView使用

阅读更多

Android----------WebView使用

 

1、添加权限:AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
2、在要Activity中生成一个WebView组件:WebView webView = new WebView(this);
3、设置WebView基本信息:
          如果访问的页面中有Javascript,则webview必须设置支持Javascript。
          webview.getSettings().setJavaScriptEnabled(true); 
          触摸焦点起作用
          requestFocus();
          取消滚动条
          this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
4、设置WevView要显示的网页:
          互联网用:webView.loadUrl("http://www.google.com");
          本地文件用:webView.loadUrl("file:///android_asset/XX.html");  本地文件存放在:assets文件中
5、如果希望点击链接由自己处理,而不是新开Android的系统browser中响应该链接。给WebView添加一个事件监听对象(WebViewClient) 并重写其中的一些方法shouldOverrideUrlLoading:对网页中超链接按钮的响应。当按下某个连接时WebViewClient会调用这个方法,并传递参数:按下的url
                onLoadResource  
                onPageStart 
                onPageFinish 
                onReceiveError
                onReceivedHttpAuthRequest
         

6、如果用webview点链接看了很多页以后,如果不做任何处理,点击系统“Back”键,整个浏览器会调用finish()而结束自身,如果希望浏览的网页回退而不是退出浏览器,需要在当前Activity中处理并消费掉该Back事件。
覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法。
   public boolean onKeyDown(int keyCoder,KeyEvent event){
                        if(webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK){
                                webview.goBack();   //goBack()表示返回webView的上一页面

                                return true;
                        }
                        return false;
                }

 

 

示例:

public class MainActivity extends Activity {
 private WebView webView;
 private ProgressBar progress;
 private String errorHtml = "";
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  errorHtml = "<html><body><h1>Page not find!</h1></body></html>";
  webView = (WebView)findViewById(R.id.wbeview);
  progress = (ProgressBar)findViewById(R.id.loading);
  
  webView.getSettings().setJavaScriptEnabled(true);
  webView.loadUrl("http://www.baidu.com");
  webView.requestFocus();
  webView.setWebViewClient(new MyWebViewClient());
 }
 //用于加载、取消loading
 private Handler mHandler = new Handler(){
  public void handleMessage(android.os.Message msg) {
   
   switch (msg.what) {
   case 10:
    addProgressBar();
    break;
   case 20:
    closeProgressBar();
   default:
    break;
   }
   
  };
  
 };
 
 private class MyWebViewClient extends WebViewClient{
  //加载页面开始
  @Override
  public boolean shouldOverrideUrlLoading(WebView view, String url) {
   view.loadUrl(url);
   return true;
  }
  
  //加载页面开始中
  @Override
  public void onPageStarted(WebView view, String url, Bitmap favicon) {
   super.onPageStarted(view, url, favicon);
   mHandler.sendEmptyMessage(10);
  }
  //加载页面结束
  @Override
  public void onPageFinished(WebView view, String url) {
   // TODO Auto-generated method stub
   super.onPageFinished(view, url);
   mHandler.sendEmptyMessage(20);
  }
  /**
   * 无网络情况下简单处理/
   * 访问web页面都是在网络的情况下,
   * 一旦没有网络就会显示"无法找到该网页"的信息,
   * 这样会暴露我们的连接,所以我们需要一个有好的提示,
   * 并且不会暴露链接的方法。这时候WebViewClient的onReceivedError方法就派上了用场
   *
   */
  @Override
  public void onReceivedError(WebView view, int errorCode,
    String description, String failingUrl) {
   super.onReceivedError(view, errorCode, description, failingUrl);
   //这里进行无网络或错误处理,具体可以根据errorCode的值进行判断,做跟详细的处理。
            view.loadData(errorHtml, "text/html", "UTF-8");
            mHandler.sendEmptyMessage(20);
  }
  
 }
 public void addProgressBar(){
  if (progress != null) {
   
   progress.setVisibility(View.VISIBLE);
  }
 }
 public void closeProgressBar(){
  
  if (progress != null) {
   
   progress.setVisibility(View.GONE);
  }
 }
}

 

main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
     >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />
   
    <WebView android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/wbeview"></WebView>
   
     <ProgressBar
         android:id="@+id/loading"
   android:layout_width="wrap_content" android:layout_height="wrap_content"
   android:indeterminateDrawable="@drawable/loading"
   android:layout_centerInParent="true" android:visibility="invisible">
  </ProgressBar>

</RelativeLayout>
loading.xml

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate  xmlns:android="http://schemas.android.com/apk/res/android"
     android:drawable="@drawable/loading1"
     android:pivotX = "50%"
     android:pivotY= "50%"/>

 

 

分享到:
评论

相关推荐

    android-system-webview-7703.apk

    Android8.0以下手机自带的android-system-webview版本过低使用

    Android代码-Android-X5WebView基本封装

    Android-X5WebView基本封装和使用 通过OkHttp拦截器、自定义CookieJar有效完成客户端与H5端的Cookie同步管理 监听WebView的加载进度 滚动条的设置(隐藏或者显示,内侧显示还是外侧显示) 优化X5WebView的预加载问题...

    php-android-webview

    而WebView则是Android系统中的一个组件,它允许开发者在应用程序中嵌入网页内容,实现类似浏览器的功能。 **PHP** 是“超文本预处理器”的缩写,是一种解释型的、面向对象的、通用的脚本语言。在Web开发中,PHP常...

    xamarin-android-webview-upload.7z

    在这个特定的案例中,"xamarin-android-webview-upload.7z" 压缩包文件包含了一个关于如何在 Xamarin Android 应用中使用 Web 视图(WebView)进行图片上传的示例项目。以下将详细解释这个知识点。 1. **Xamarin ...

    Android-WebSocket-WebView_DEMO_websocket_androidwebview_

    这个项目对于理解WebSocket与Android WebView的结合使用具有重要的学习价值。 首先,WebSocket API在Android中的实现通常依赖于第三方库,如`android-async-http-websocket`或`java-websocket`等。这些库提供了创建...

    react-native-android-fullscreen-webview:在Android上支持全屏视频的React Native WebView组件

    iOS默认情况下支持此行为,因此将仅使用本机iOS WebView。 入门 yarn add hummingbird-me/react-native-android-fullscreen-webview 自动链接库 react-native link 更新AndroidManifest.xml 在您的主要活动下,...

    crosswalk-webview比webview更好用

    在实际开发中,你可以通过引入`crosswalk-webview-14.43.343.23-arm`这样的库文件,将Crosswalk-WebView集成到Android项目中。这个特定版本是针对ARM架构的设备,包含了特定版本的Crosswalk-WebView,确保在相应设备...

    Android-----WebView使用

    以下是一个简单的示例,展示如何在Android应用中使用WebView: ```java public class WebViewDemo extends Activity { private WebView mWebView; private Handler mHandler = new Handler(); @Override ...

    Android-webview模拟原生页面切换效果

    在开发中,有时候我们会在app中使用WebView加载一个web页面。这样可以适当减轻我们开发的难度。但是弊端是WebView中切换html,没有像原生页面的切换效果。这里我们就利用动画,以及 获取网页的快照来实现android ...

    react-native-android-webview-change

    react-native-android-webview解决React Native自带的WebView组件Android不能拦截URL的问题安装npm install react-native-android-webview --save 本机库链接安卓android/settings.gradle添加到android/settings....

    Android---UI篇

    •Android---UI篇---WebView(网络视图) • •Andorid---UI篇---两种进度条(ProgressBar) • •Android---UI篇---Dialog(对话框) • •Android---UI篇---AutoCompleteTextView(自动提示) • •Android---UI篇...

    unity-webview-integration-master.zip

    首先,Unity-webview-integration-master项目是一个针对Unity的WebView插件,它允许Unity应用在Android平台上加载和显示Web内容。这个项目的核心是将一个Android原生的WebView组件与Unity的游戏逻辑相结合,使得用户...

    com.android.webview-95.0.4638.50

    标题中的"com.android.webview-95.0.4638.50"指的是Android系统中的一个关键组件,即WebView。WebView是一个内置的浏览器引擎,允许Android应用程序(App)在不离开应用的情况下显示网页内容。它相当于一个轻量级的...

    Android-为了修复ReactNative的WebView组件在安卓端不支持文件上传而包装的一个Webview组件

    6. **源码分析**:在提供的压缩包文件名"react-native-webview-for-android-master"中,我们可以推测这可能是项目的源代码仓库。通过查看源码,我们可以学习如何实现这个自定义WebView组件,包括如何监听事件、如何...

    react-native-webview.zip

    React Native是Facebook推出的一种跨平台移动应用开发框架,它基于JavaScript,允许开发者使用React组件化思想构建原生iOS和Android应用。通过React Native,开发者可以使用一套代码库同时开发两个平台的应用,提高...

    解决React-Native的WebView不支持Android选择图片和拍照

    然而,由于React Native的WebView组件与原生Android系统的交互限制,有时会出现无法从Android设备的相册或相机选择图片并上传的问题。这个问题可能会导致用户体验下降,因为用户无法充分利用手机的功能。本文将深入...

    Android-android端通用WebView

    在Android应用开发中,WebView是一个非常重要的组件,它允许开发者在应用程序内嵌入网页内容,实现与网页的交互。这个“Android-android端通用WebView”项目可能是为了提供一个可复用的、功能丰富的WebView组件,...

    crosswalk-webview-23.53.589.4-x86_64.zip

    - 文件“crosswalk-webview-23.53.589.4-x86_64”是针对x86_64架构的版本,适用于64位设备。开发者在不同设备上测试时,需要根据设备的架构选择合适的版本。 - 尝试集成Crosswalk-WebView时,确保按照官方文档进行...

    Android-webview缓存

    在Android开发中,Webview是一个非常重要的组件,它允许我们在应用程序内部嵌入网页内容,提供类似于浏览器的功能。本文将深入探讨如何在Android的Webview中实现缓存功能,包括指定缓存目录、设置缓存时间等关键知识...

    qtwebview-everywhere-src-5.15.0.zip

    在"qtwebview-everywhere-src-5.15.0.zip"这个压缩包中,包含了源代码,供开发者深入理解其工作原理并进行定制化开发。QTWebView基于WebKit引擎,WebKit是一个开源的网页渲染引擎,广泛应用于多个平台,包括桌面、...

Global site tag (gtag.js) - Google Analytics