Android开发学习笔记:浅谈WebView

简介: Android开发学习笔记:浅谈WebView

WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页,实现WebView有以下两种不同的方法:

第一种方法的步骤:

1.在要Activity中实例化WebView组件:WebView webView = new WebView(this);

2.调用WebView的loadUrl()方法,设置WevView要显示的网页:

 互联网用:webView.loadUrl("http://www.google.com");

 本地文件用:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中

3.调用Activity的setContentView( )方法来显示网页视图

4.用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面

5.需要在AndroidManifest.xml文件中添加权限,否则会出现Web page not available错误。

 

下面是具体例子:

MainActivity.java

  1. package com.android.webview.activity;  
  2.  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.KeyEvent;  
  6. import android.webkit.WebView;  
  7.  
  8. public class MainActivity extends Activity {  
  9.    private WebView webview;  
  10.    @Override 
  11.    public void onCreate(Bundle savedInstanceState) {  
  12.        super.onCreate(savedInstanceState);  
  13.        //实例化WebView对象  
  14.        webview = new WebView(this);  
  15.        //设置WebView属性,能够执行Javascript脚本  
  16.        webview.getSettings().setJavaScriptEnabled(true);  
  17.        //加载需要显示的网页  
  18.        webview.loadUrl("http://www.51cto.com/");  
  19.        //设置Web视图  
  20.        setContentView(webview);  
  21.    }  
  22.      
  23.    @Override 
  24.    //设置回退  
  25.    //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法  
  26.    public boolean onKeyDown(int keyCode, KeyEvent event) {  
  27.        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
  28.            webview.goBack(); //goBack()表示返回WebView的上一页面  
  29.            return true;  
  30.        }  
  31.        return false;  
  32. }

在AndroidManifest.xml文件中的17行添加权限

  1. xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.android.webview.activity"
  4. android:versionCode="1"
  5. android:versionName="1.0">
  6. <uses-sdk android:minSdkVersion="10" />

  7. <application android:icon="@drawable/icon" android:label="@string/app_name">
  8. <activity android:name=".MainActivity"
  9. android:label="@string/app_name">
  10. <intent-filter>
  11. <action android:name="android.intent.action.MAIN" />
  12. <category android:name="android.intent.category.LAUNCHER" />
  13. intent-filter>
  14. activity>
  15. application>
  16. <uses-permission android:name="android.permission.INTERNET"/>
  17. manifest>

效果图:

image.png

第二种方法的步骤:

1、在布局文件中声明WebView

2、在Activity中实例化WebView

3、调用WebView的loadUrl( )方法,设置WevView要显示的网页

4、为了让WebView能够响应超链接功能,调用setWebViewClient( )方法,设置  WebView视图

5、用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面

6、需要在AndroidManifest.xml文件中添加权限,否则出现Web page not available错误。

下面是具体的例子:

MainActivity.java

  1. package com.android.webview.activity;  
  2.  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.KeyEvent;  
  6. import android.webkit.WebView;  
  7. import android.webkit.WebViewClient;  
  8.  
  9. public class MainActivity extends Activity {  
  10.    private WebView webview;  
  11.    @Override 
  12.    public void onCreate(Bundle savedInstanceState) {  
  13.        super.onCreate(savedInstanceState);  
  14.        setContentView(R.layout.main);  
  15.        webview = (WebView) findViewById(R.id.webview);  
  16.        //设置WebView属性,能够执行Javascript脚本  
  17.        webview.getSettings().setJavaScriptEnabled(true);  
  18.        //加载需要显示的网页  
  19.        webview.loadUrl("http://www.51cto.com/");  
  20.        //设置Web视图  
  21.        webview.setWebViewClient(new HelloWebViewClient ());  
  22.    }  
  23.      
  24.    @Override 
  25.    //设置回退  
  26.    //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法  
  27.    public boolean onKeyDown(int keyCode, KeyEvent event) {  
  28.        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
  29.            webview.goBack(); //goBack()表示返回WebView的上一页面  
  30.            return true;  
  31.        }  
  32.        return false;  
  33.    }  
  34.      
  35.    //Web视图  
  36.    private class HelloWebViewClient extends WebViewClient {  
  37.        @Override 
  38.        public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  39.            view.loadUrl(url);  
  40.            return true;  
  41.        }  
  42.    }  
  43. }

main.xml

  1. xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.    android:orientation="vertical" 
  4.    android:layout_width="fill_parent" 
  5.    android:layout_height="fill_parent" 
  6.    >    
  7.    <WebView  
  8.        android:id="@+id/webview" 
  9.        android:layout_width="fill_parent" 
  10.        android:layout_height="fill_parent" 
  11.        /> 
  12. LinearLayout> 

在AndroidManifest.xml文件中的17行添加权限

  1. xml version="1.0" encoding="utf-8"?> 
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android" 
  3.      package="com.android.webview.activity" 
  4.      android:versionCode="1" 
  5.      android:versionName="1.0"> 
  6.    <uses-sdk android:minSdkVersion="10" /> 
  7.  
  8.    <application android:icon="@drawable/icon" android:label="@string/app_name"> 
  9.        <activity android:name=".MainActivity" 
  10.                  android:label="@string/app_name"> 
  11.            <intent-filter> 
  12.                <action android:name="android.intent.action.MAIN" /> 
  13.                <category android:name="android.intent.category.LAUNCHER" /> 
  14.            intent-filter> 
  15.        activity> 
  16.    application> 
  17.    <uses-permission android:name="android.permission.INTERNET"/> 
  18. manifest> 

效果图:

image.png

相关文章
|
3天前
|
存储 Java 数据库连接
Android Java开发异步
【6月更文挑战第15天】
|
2天前
|
安全 Java Android开发
安卓开发中的新趋势:Kotlin与Jetpack的完美结合
【6月更文挑战第20天】在不断进化的移动应用开发领域,Android平台以其开放性和灵活性赢得了全球开发者的青睐。然而,随着技术的迭代,传统Java语言在Android开发中逐渐显露出局限性。Kotlin,一种现代的静态类型编程语言,以其简洁、安全和高效的特性成为了Android开发中的新宠。同时,Jetpack作为一套支持库、工具和指南,旨在帮助开发者更快地打造优秀的Android应用。本文将探讨Kotlin与Jetpack如何共同推动Android开发进入一个新的时代,以及这对开发者意味着什么。
|
2天前
|
Java 开发工具 Android开发
探索安卓与iOS开发的核心差异
【6月更文挑战第20天】在移动应用开发的广阔天地中,安卓和iOS两大平台各自占据半壁江山。本文将深入探讨这两大操作系统在开发过程中的主要区别,包括编程语言、开发工具、用户界面设计哲学、系统架构以及市场分布等方面。通过对这些关键差异的分析,旨在为开发者提供一份实用的指南,帮助他们在面对项目决策时,能够更加明智地选择合适的平台,并针对特定平台优化他们的应用。
|
2天前
|
开发工具 Android开发 iOS开发
探索安卓与iOS开发的差异:从工具到用户体验
【6月更文挑战第20天】在移动应用开发的广阔天地中,安卓和iOS两大平台各自占据半壁江山。本文将深入探讨这两个操作系统在开发环境、编程语言、用户界面设计以及性能优化等方面的关键差异。我们将通过比较分析,揭示各自平台的独特优势和面临的挑战,为开发者提供决策参考,并为最终用户提供更深层次的用户体验洞察。
|
4天前
|
Java Android开发 Swift
探索Android与iOS开发的差异:平台选择对项目成功的影响
【6月更文挑战第18天】在移动应用开发的广阔天地中,Android和iOS两大平台各据一方,它们在市场份额、用户群体及开发环境上各有千秋。本文将深入分析这两个操作系统的开发差异,探讨如何根据项目需求选择合适的平台,并讨论跨平台解决方案的可行性与挑战。我们将通过实际案例,揭示平台选择对项目成功的关键性影响,为开发者提供决策支持。
|
5天前
|
安全 IDE Android开发
探索Android与iOS开发的差异:平台特性与编程实践
【6月更文挑战第17天】在移动应用开发的广阔天地中,Android和iOS两大平台各自占据半壁江山。它们在用户群体、系统架构以及开发环境上的差异,为开发者带来了不同的挑战和机遇。本文深入探讨了这两个平台在技术实现、界面设计、性能优化等方面的主要区别,并提供了实用的开发建议,旨在帮助开发者更好地理解各自平台的特性,从而创造出更加优秀的移动应用。
|
4天前
|
Dart IDE Linux
开发Android应用程序
开发Android应用程序
9 1
|
5天前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
|
5天前
|
人工智能 安全 物联网
【Android】安卓开发的前景
【Android】安卓开发的前景
14 1
|
6天前
|
JavaScript 前端开发 Android开发
kotlin开发 webview如何在收到JS调用后,native返回数据给到JS
这段内容描述了在Hybrid App开发中,使用Kotlin的Compose构建的Web视图(WebView)如何通过JsBridge实现JavaScript与原生代码的交互