中国建设安全协会网站,如何让网站上线,做网站无赖客户退款,网站建设挣钱么对于android初学者应该都了解webView这个组件。之前我也是对其进行了一些简单的了解#xff0c;但是在一个项目中不得不用webview的时候#xff0c;发现了webview的强大之处#xff0c;今天就分享一下使用webview的一些经验。 1、首先了解一下webview。 webview介绍的原文如… 对于android初学者应该都了解webView这个组件。之前我也是对其进行了一些简单的了解但是在一个项目中不得不用webview的时候发现了webview的强大之处今天就分享一下使用webview的一些经验。 1、首先了解一下webview。 webview介绍的原文如下A View that displays web pages. This class is the basis upon which you can roll your own web browser or simply display some online content within your Activity. It uses the WebKit rendering engine to display web pages and includes methods to navigate forward and backward through a history, zoom in and out, perform text searches and more. 从上面你应该了解到了基本功能也就是显示网页。之所以我说webview功能强大是因为它和js的交互非常方便很简单就可以实现。 2、webview能做什么 ①webView可以利用html做界面布局虽然目前还比较少人这么使用不过我相信当一些客户端需要复杂的图文图文都是动态生成混排的时候它肯定是个不错的选择。 ②直接显示网页这功能当然也是它最基本的功能。 ③和js交互。如果你的js基础比java基础好的话那么采用这种方式做一些复杂的处理是个不错的选择。 3、如何使用webview 这里直接用一个svn上取下的demo先上demo后讲解。demo的结构图如下 WebViewDemo.java package com.google.android.webviewdemo;import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;/*** Demonstrates how to embed a WebView in your activity. Also demonstrates how* to have javascript in the WebView call into the activity, and how the activity * can invoke javascript.* p* In this example, clicking on the android in the WebView will result in a call into* the activities code in {link DemoJavaScriptInterface#clickOnAndroid()}. This code* will turn around and invoke javascript using the {link WebView#loadUrl(String)}* method.* p* Obviously all of this could have been accomplished without calling into the activity* and then back into javascript, but this code is intended to show how to set up the * code paths for this sort of communication.**/
public class WebViewDemo extends Activity {private static final String LOG_TAG WebViewDemo;private WebView mWebView;private Handler mHandler new Handler();Overridepublic void onCreate(Bundle icicle) {super.onCreate(icicle);setContentView(R.layout.main);mWebView (WebView) findViewById(R.id.webview);WebSettings webSettings mWebView.getSettings();webSettings.setSavePassword(false);webSettings.setSaveFormData(false);webSettings.setJavaScriptEnabled(true);webSettings.setSupportZoom(false);mWebView.setWebChromeClient(new MyWebChromeClient());mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), demo);mWebView.loadUrl(file:///android_asset/demo.html);}final class DemoJavaScriptInterface {DemoJavaScriptInterface() {}/*** This is not called on the UI thread. Post a runnable to invoke* loadUrl on the UI thread.*/public void clickOnAndroid() {mHandler.post(new Runnable() {public void run() {mWebView.loadUrl(javascript:wave());}});}}/*** Provides a hook for calling alert from javascript. Useful for* debugging your javascript.*/final class MyWebChromeClient extends WebChromeClient {Overridepublic boolean onJsAlert(WebView view, String url, String message, JsResult result) {Log.d(LOG_TAG, message);result.confirm();return true;}}
}demo.htmlhtmlscript languagejavascript/* This function is invoked by the activity */function wave() {alert(1);document.getElementById(droid).srcandroid_waving.png;alert(2);}/scriptbody!-- Calls into the javascript interface for the activity --a onClickwindow.demo.clickOnAndroid()div stylewidth:80px;margin:0px auto;padding:10px;text-align:center;border:2px solid #202020; img iddroid srcandroid_normal.png/brClick me!/div/a/body
/htmlmain.xmlLinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:orientationverticalandroid:layout_widthfill_parentandroid:layout_heightfill_parentTextView android:layout_widthfill_parent android:layout_heightwrap_content android:textstring/introandroid:padding4dipandroid:textSize16sp/WebViewandroid:idid/webviewandroid:layout_widthfill_parent android:layout_height0dipandroid:layout_weight1//LinearLayout4、如何交互 ①android如何调用js。 调用 形式
mWebView.loadUrl(javascript:wave()); 其中wave是js中的一个方法当然你可以把这个方法改成其他的方法也就是android调用其他的方法。 ②js如何调用android。 调用形式
a onClickwindow.demo.clickOnAndroid()
代码中的“demo”是在android中指定的调用名称即 mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), demo);代码中的clickOnAndroid()是“demo”对应的对象new DemoJavaScriptInterface() 中的一个方法。 ③双向交互。 当然是把前面的两种方式组合一下就可以了。 5、讲解demo。 现在你一定了解了android和js的交互了。是时候分析一些demo了根据上面讲的你也应该比较清楚了。具体交互流程如下 ①点击图片则在js端直接调用android上的方法clickOnAndroid() ②clickOnAndroid()方法利用线程调用js的方法。 ③被②调用的js直接控制html。
