android开发中WebView控件的实例与注意要点——个人主页浏览器简易实现

来源:互联网 发布:开淘宝店要考试吗 编辑:程序博客网 时间:2024/03/29 15:40

 

    在Android开发中往往需要实现网页的浏览,webview就是android开发控件中功能极其强大的一员,它完全可以充当一个简易的浏览器,能够自己设置主页。试想,用自己开发的app把主页设成自己技术博客地址,一打开便进入了自己的空间,何其的方便。

    在webview使用中有以下几点需要注意:

  1、关于访问网络的问题

 

       由于webview需要通过数据通信来访问网络,所以在manifest.xml配置文件中需要进行权限的设置(声明)

       代码如下

  

<uses-permission android:name="android.permission.INTERNET"/>

   2、如何实现不调用第三方浏览器即可进行页面反应

 

   

/*在webview加载网页时,不调用第三方浏览器打开的办法: * 设置WebViewClient,并重写WebViewClient的shouldOverrideUrlLoading方法 * 返回true为不调用,反之 false为调用第三方浏览器 */ webView.setWebViewClient(new WebViewClient(){   @Override    public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub        view.loadUrl(url);        return true;      }    });

 

 

   3、网页中包含JavaScript内容时如何设置

     android webview之所以功能强大就是能够和js进行交互 把js写成的网页嵌套到app中。

   

//网页中包含JavaScript内容需调用以下方法,参数为truewebView.getSettings().setJavaScriptEnabled(true);

 

 

   4、如何使得物理返回键实现页面上翻而不是退出程序

     用过浏览器的同学应该都知道,浏览网页时点按手机上的返回键并不会导致程序的退出,而是回到之前打开的网页,这时候就需要重写onKeyDown(keyCode, event)方法 改写物理按键返回的逻辑。以下是设置方法:

 

//重写onKeyDown(keyCode, event)方法 改写物理按键 返回的逻辑    @Override    public boolean onKeyDown(int keyCode, KeyEvent event) {        // TODO Auto-generated method stub        if(keyCode==KeyEvent.KEYCODE_BACK)        {            if(webView.canGoBack())            {                webView.goBack();//返回上一页面                return true;            }            else            {                System.exit(0);//退出程序            }        }        return super.onKeyDown(keyCode, event);    }

  

 

   5 、出现net::ERR_CACHE_MISS错误提示

      使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回,内容不会恢复(重新加载生成),而只是从缓存中取回内容。可以进行一下代码设置:

//出现net::ERR_CACHE_MISS错误提示//使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回,//内容不会恢复(重新加载生成),而只是从缓存中取回内容if (Build.VERSION.SDK_INT >= 19) {Toast.makeText(this, "hhahhhhaha", Toast.LENGTH_LONG).show();        webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);    }

   6 、出现net::ERR_NAME_NOT_RESOLVED错误

 

    导致这个错误的因素有很多,我遇到的就比较特殊和纠结。因为用手机调试时需要用流量,鄙人比较穷,就用来电脑开的WiFi,可是出现了这个net::ERR_NAME_NOT_RESOLVED错误,只有用手机数据流量才得以解决。这是我找到的一些解决方法:

DNS 是将网站名称解析为互联网地址的网络服务。

a、把能上网的电脑连上,看一网络连接中的IP、DNS是自动还是指定,如果是指定记下来。
b、再把自己的电脑连上,检查一下自己的电脑的网络连接中的IP、DNS,与能上网的电脑设置成一样再试一下。
c.浏览器设置代理,请检测自己的浏览器是否设置代理或者正在开启代理软件,导致出现打不开网页情况。
d.电脑病毒破坏浏览器组件和系统文件,部分杀毒软件对被木马病毒感染程序进行查杀,但并未进行修复。
e.DNS设置问题,DNS服务器解释出错,需要手动在本地连接进行设置。

 

   7 、若要显示本地文件和本地html文件应该放在哪

   android工程目录下单assets文件

 webView.loadUrl("file:///android_asset/icon.jpg");

 

   8、添加置顶进度条

    在网页访问网络时,如果没有进度条将很难分辨是否正在访问或是否加载完成,所以需要添加置顶的进度条,布局文件中:

 <ProgressBar        android:id="@+id/progressBar1"        style="?android:attr/progressBarStyleHorizontal"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_alignParentRight="true"        android:layout_alignParentTop="true" />

 

 

    基本上的要点就是和这些了,接下来是具体实现:

   这是布局文件   其实就是一个大大的webview组件加一个ProgressBar:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    tools:context=".MainActivity" >    <WebView        android:id="@+id/webView"        android:layout_width="fill_parent"        android:layout_height="455sp"        android:layout_alignParentLeft="true"        android:layout_alignParentBottom="true" />    <ProgressBar        android:id="@+id/progressBar1"        style="?android:attr/progressBarStyleHorizontal"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_alignParentRight="true"        android:layout_alignParentTop="true" /></RelativeLayout>

 

 

  

 

    这是主文件:

 

package com.example.webviewtest;import java.net.URLEncoder;import android.app.Activity;import android.os.Build;import android.os.Bundle;import android.view.KeyEvent;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.Toast;public class MainActivity extends Activity {WebView webView;final String mimeType = "text/html";final String encoding = "utf-8";public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//添加进度条  final ProgressBar bar = (ProgressBar)findViewById(R.id.progressBar1);webView = (WebView) findViewById(R.id.webView);/*在webview加载网页时,不调用第三方浏览器打开的办法: * 设置WebViewClient,并重写WebViewClient的shouldOverrideUrlLoading方法 * 返回true为不调用,反之 false为调用第三方浏览器 */webView.setWebViewClient(new WebViewClient(){@Override    public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub        view.loadUrl(url);        return true;      }    });//添加进度条  webView.setWebChromeClient(new WebChromeClient() {
           @Override           public void onProgressChanged(WebView view, int newProgress) {               if (newProgress == 100) {                   bar.setVisibility(View.INVISIBLE);               } else {                   if (View.INVISIBLE == bar.getVisibility()) {                       bar.setVisibility(View.VISIBLE);                   }                   bar.setProgress(newProgress);               }               super.onProgressChanged(view, newProgress);           }                  });//网页中包含JavaScript内容需调用以下方法,参数为truewebView.getSettings().setJavaScriptEnabled(true);//出现net::ERR_CACHE_MISS错误提示//使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回,//内容不会恢复(重新加载生成),而只是从缓存中取回内容if (Build.VERSION.SDK_INT >= 19) {        webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);    }  webHtml();  //  webImage();  //  localHtml();  //  localImage ();  //  localHtmlImage();}//重写onKeyDown(keyCode, event)方法 改写物理按键 返回的逻辑    @Override    public boolean onKeyDown(int keyCode, KeyEvent event) {        // TODO Auto-generated method stub        if(keyCode==KeyEvent.KEYCODE_BACK)        {            if(webView.canGoBack())            {                webView.goBack();//返回上一页面                return true;            }            else            {                System.exit(0);//退出程序            }        }        return super.onKeyDown(keyCode, event);    }/** * 显示网页 */private void webHtml() {try {webView.loadUrl("http://815222418.iteye.com");} catch (Exception ex) {ex.printStackTrace();}}/** *  显示网络图片 */private void webImage() {try {webView.loadUrl("http://815222418.iteye.com/images/haha.jpg");} catch (Exception ex) {ex.printStackTrace();}}/** * 显示本地图片文件 */private void localImage() {try {// 本地文件处理(文件名中有空格时用+来替代)webView.loadUrl("file:///android_asset/icon.jpg");} catch (Exception ex) {ex.printStackTrace();}}/** * 显示本地网页文件 */private void localHtml() {try {// 本地文件处理( 文件名中有空格用+来替代)webView.loadUrl("file:///android_asset/find.html");} catch (Exception ex) {ex.printStackTrace();}}/** * 显示本地图片和文字混合的Html内容 */private void localHtmlImage() {try {String data = "测试本地图片和文字混合显示,这是APK里的图片";// SDK1.5本地文件处理(不能显示图片)// SDK1.6及以后版本// webView.loadData(data, mimeType, encoding);// 本地文件处理(能显示图片)webView.loadDataWithBaseURL("about:blank", data, mimeType,encoding, "");} catch (Exception ex) {ex.printStackTrace();}}}

 

 

 这样,一个简易的个人主页浏览器就完成了。

 

 

                                                                                                                                  梣梓cenzi

                                                                                                                           2015      4      8

1 0
原创粉丝点击