码迷,mamicode.com
首页 > 移动开发 > 详细

Android之WebView的使用样例——WebSetting、WebViewClient、WebChromeClient

时间:2017-07-30 15:00:03      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:tom   事件   hand   技术   event   指定   amp   main   widget   

点击查看原文

代码直接下载http://download.csdn.net/detail/metis100/8514837
第一步,xml Manifest中要设置网络权限,否则会出先 webpage not available

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

设置布局R.layout.activity_main。这里加了个自己定义进度条

<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"
    tools:context="${relativePackage}.${activityClass}" >
    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <ProgressBar
        android:id="@+id/webview_progress"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="2dip"
        android:background="#999999"
        android:progressDrawable="@drawable/progress_custom_horizontal" />   
</RelativeLayout>

这里@drawable/progress_custom_horizontal为自己定义控件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 设置背景色图像资源 -->

    <item android:id="@android:id/background">
        <clip>
            <shape>
                <solid android:color="#999999" />

                <corners android:radius="4dip" />
            </shape>
        </clip>
    </item>

    <!-- 设置第二级进度条颜色图像资源 -->

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <solid android:color="#217fbc" />

                <corners android:radius="4dip" />
            </shape>
        </clip>
    </item>

    <!-- 设置第一级进度条颜色图像资源 -->

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#007eff" />

                <corners android:radius="4dip" />
            </shape>
        </clip>
    </item>

</layer-list>

接下来就是webview的设置,这里以快递100,为样例

package com.example.webview;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.DialogInterface.OnClickListener;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.SslErrorHandler;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.ProgressBar;
import android.widget.Toast;

public class MainActivity extends Activity {

    public WebView mWebView;
    private WebSettings webSettings;
    private ProgressBar mProgressBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webview);
        mProgressBar = (ProgressBar) findViewById(R.id.webview_progress);
//      通过loadUrl方法设置当前webView须要訪问的网址:      
        mWebView.loadUrl("http://m.kuaidi100.com/index_all.html");  

//       载入URL assets文件夹下的内容能够用 "file:///android_asset" 前缀
//      mWebView.loadUrl("file:///android_asset/about.html");
//      在android中专门通过WebSettings来设置WebView的一些属性、状态等。在创建WebView时,
//      系统有一个默认的设置,我们能够通过WebView.getSettings来得到这个设置:
//      WebSettings和WebView都在同一个生命周期中存在。当WebView被销毁后。假设再使用WebSettings,则会抛出异常。

webSettings = mWebView.getSettings(); webSettings.setJavaScriptEnabled(true);//设置支持JavaScript脚本 webSettings.setSupportZoom(false);//设置支持缩放 webSettings.setDomStorageEnabled(true); mWebView.requestFocus();//使页面获得焦点 mWebView.setWebViewClient(mWebViewClient);//设置WebViewClient mWebView.setWebChromeClient(mWebChromeClient);// 创建WebViewChromeClient mWebView.addJavascriptInterface(new WDScriptInterface(), "FFTest"); } //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// final class WDScriptInterface { WDScriptInterface() {} @JavascriptInterface public void Call(String num) { Intent in_sys_call = new Intent(Intent.ACTION_DIAL, Uri.parse("tel:" + num)); startActivity(in_sys_call); } } ////////////////////////////////////////////////////////////////////////////////// //使用WebViewClient来完毕在应用程序中自己定义网页浏览程序: //WebViewClient是辅助WebView处理各种通知、请求等事件的类。通过WebView的setWebViewClient方法指定WebViewClient对象。 //WebView能够通过覆盖WebViewClient方法来辅助WebView浏览网页: WebViewClient mWebViewClient = new WebViewClient() { // 重写此方法表明点击网页里面的链接还是在当前的webview里跳转。不跳到浏览器那边 @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { Log.i("wocaonima", "shouldOverrideUrlLoading--url:" + url); // 拨打电话 if (url.startsWith("tel:")) { Intent in_sys_call = new Intent(Intent.ACTION_DIAL, Uri.parse(url)); startActivity(in_sys_call); } else { view.loadUrl(url); } return true; } // 重写此方法能够让webview处理https请求 @Override public void onReceivedSslError(WebView view, SslErrorHandler handler, android.net.http.SslError error) { handler.proceed(); } public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { Toast.makeText(MainActivity.this, "网络连接失败", 300); }; }; ////////////////////////////////////////////////////////////////////////////// ////创建WebViewChromeClient WebChromeClient mWebChromeClient = new WebChromeClient() { public void onProgressChanged(WebView view, int newProgress) { mProgressBar.setVisibility(View.VISIBLE); mProgressBar.setProgress(newProgress * 100); if (newProgress == 100) mProgressBar.setVisibility(View.GONE); }; // 处理javascript的alert public boolean onJsAlert(WebView view, String url, String message, final android.webkit.JsResult result) { // 构建一个Builder来显示网页中的alert对话框 AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setTitle("提示"); builder.setMessage(message); builder.setPositiveButton(android.R.string.ok, new AlertDialog.OnClickListener() { public void onClick(DialogInterface dialog, int which) { result.confirm(); } }); builder.setCancelable(false); builder.create(); builder.show(); return true; }; // 处理javascript的confirm public boolean onJsConfirm(WebView view, String url, String message, final android.webkit.JsResult result) { AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setTitle("提示"); builder.setMessage(message); builder.setPositiveButton(android.R.string.ok, new AlertDialog.OnClickListener() { public void onClick(DialogInterface dialog, int which) { result.confirm(); } }); builder.setNegativeButton(android.R.string.cancel, new AlertDialog.OnClickListener() { public void onClick(DialogInterface dialog, int which) { result.cancel(); } }); builder.setCancelable(false); builder.create(); builder.show(); return true; }; // 输入框 public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final android.webkit.JsPromptResult result) { final AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext()); builder.setTitle(message); final EditText et = new EditText(view.getContext()); et.setSingleLine(); et.setText(defaultValue); builder.setView(et); builder.setPositiveButton(android.R.string.ok, new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { result.confirm(et.getText().toString()); } }).setNeutralButton(android.R.string.cancel, new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { result.cancel(); } }); builder.setCancelable(false); builder.create(); builder.show(); return true; }; }; //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// public boolean onKeyDown(int keyCode, KeyEvent event) { if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) { mWebView.goBack(); return true; } return super.onKeyDown(keyCode, event); } }

很多其它交流可加Android技术讨论群:71262831 或关注微信公众号:it达人技术分享

Android之WebView的使用样例——WebSetting、WebViewClient、WebChromeClient

标签:tom   事件   hand   技术   event   指定   amp   main   widget   

原文地址:http://www.cnblogs.com/gccbuaa/p/7259017.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!