androidwebView总结

时间:2024.4.20

android:webView总结

在Android手机中内置了一款高性能webkit内核浏览器,在SDK中封装为一个叫做WebView组件。( WebView类是WebKit模块Java层的视图类,所有需要使用Web浏览功能的Android应用程序都要创建该视图对象显示和处理请求的网络资源。目前,WebKit模块支持HTTP、HTTPS、FTP以及javascript请求。WebView作为应用程序的UI接口,为用户提供了一系列的网页浏览、用户交互接口,客户程序通过这些接口访问WebKit核心代码。)

什么是webkit

WebKit是Mac OS X v10.3及以上版本所包含的软件框架(对v10.2.7及以上版本也可通过软件更新获取)。 同时,WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目,主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件。

传统上,WebKit包含一个网页引擎WebCore和一个脚本引擎JavaScriptCore,它们分别对应的是KDE的KHTML和KJS。不过, 随着JavaScript引擎的独立性越来越强,现在WebKit和WebCore已经基本上混用不分(例如Google Chrome和Maxthon 3采用V8引擎,却仍然宣称自己是WebKit内核)。

这里我们初步体验一下在android是使用webview浏览网页,在SDK的Dev Guide中有一个WebView的简单例子 。

在开发过程中应该注意几点:

1.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。

2.如果访问的页面中有Javascript,则webview必须设置支持Javascript。

webview.getSettings().setJavaScriptEnabled(true);

3.如果页面中链接,如果希望点击链接继续在当前browser中响应,而不是新开Android的系统browser中响应该链接,必须覆盖 webview的WebViewClient对象。

mWebView.setWebViewClient(new WebViewClient(){

public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url);

return true;

}

});

mWebView.setWebViewClient(new WebViewClient(){

public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url);

return true;

}

});

4.如果不做任何处理,浏览网页,点击系统“Back”键,整个Browser会调用finish()而结

束自身,如果希望浏览的网 页回退而不是推出浏览器,需要在当前Activity中处理并消费掉该Back事件。

public boolean onKeyDown(int keyCode, KeyEvent event) {

if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) { mWebView.goBack();

return true;

}

return super.onKeyDown(keyCode, event);

}

public boolean onKeyDown(int keyCode, KeyEvent event) {

if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) { mWebView.goBack();

return true;

}

return super.onKeyDown(keyCode, event);

}

下一步让我们来了解一下android中webview是如何支持javascripte自定义对象的,在w3c标准中js有 window,history,document等标准对象,同样我们可以在开发浏览器时自己定义我们的对象调用手机系统功能来处理,这样使用js就可以 为所欲为了。

看一个实例:

view plaincopy to clipboardprint?

01.public class WebViewDemo extends Activity {

02. private WebView mWebView;

03. private Handler mHandler = new Handler();

04.

05. public void onCreate(Bundle icicle) {

06. super.onCreate(icicle);

07. setContentView(R.layout.webviewdemo);

08. mWebView = (WebView) findViewById(R.id.webview);

09. WebSettings webSettings = mWebView.getSettings();

10. webSettings.setJavaScriptEnabled(true);

11. mWebView.addJavascriptInterface(new Object() {

12. public void clickOnAndroid() {

13. mHandler.post(new Runnable() {

14. public void run() {

15. mWebView.loadUrl("javascript:wave()");

16. }

17. });

18. }

19. }, "demo");

20. mWebView.loadUrl("file:///android_asset/demo.html");

21. }

22.}

public class WebViewDemo extends Activity {

private WebView mWebView;

private Handler mHandler = new Handler();

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.webviewdemo);

mWebView = (WebView) findViewById(R.id.webview);

WebSettings webSettings = mWebView.getSettings();

webSettings.setJavaScriptEnabled(true);

mWebView.addJavascriptInterface(new Object() {

public void clickOnAndroid() {

mHandler.post(new Runnable() {

public void run() {

mWebView.loadUrl("javascript:wave()");

}

});

}

}, "demo");

mWebView.loadUrl("file:///android_asset/demo.html");

}

}

我们看addJavascriptInterface(Object obj,String interfaceName)这个方法,该方法将一个java对象绑定到一个javascript对象中,javascript对象名就是 interfaceName(demo),作用域是Global。这样初始化webview后,在webview加载的页面中就可以直接通过 javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的。

<html>

<mce:script language="javascript"><!--

function wave() {

document.getElementById("droid").src="android_waving.png"; }

// --></mce:script>

<body>

<a onClick="window.demo.clickOnAndroid()">

<img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>

Click me!

</a>

</body>

</html>

<html>

<mce:script language="javascript"><!--

function wave() {

document.getElementById("droid").src="android_waving.png"; }

// --></mce:script>

<body>

<a onClick="window.demo.clickOnAndroid()">

<img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>

Click me!

</a>

</body>

</html>

这样在javascript中就可以调用java对象的clickOnAndroid()方法了,同样我们可以在此对象中定义很多方法(比 如发短信,调用联系人列表等手机系统功能。),这里wave()方法是java中调用javascript的例子。

这里还有几个知识点:

1)为了让WebView从apk文件中加载assets,Android SDK提供了一个schema,前缀为"file:///android_asset/"。WebView遇到这样的schema,就去当前包中的 assets目录中找内容。如上面的"file:///android_asset/demo.html"

2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中,不能运行在构造他的线程中,这也是使用 Handler的目的。


第二篇:总结


总结

1、前期对步骤不是特别了解,比如布料的难易程度、表情制作的先后顺序,在布料与动作的时间规划上出了些差错,导致动作时间严重不够。

2、角色设计上造型设计能力有所欠缺,创造力和创新意识不足,缺乏想像力。

3、基本上是按照所参考的影片制作,剧本的编写能力还很欠缺,有些故事情节想得到但是真正想制作出来很困难,制作技术上有待提高。

4、模型制作上花费的时间也比较多,主要是角色制作出来与设计的有很大的差别,

5、由于前期在建模、布料、表情上花费了大量的时间,导致后期渲染和合成时间有点不足,有些镜头还有些穿帮。

所以下次会严格按照规划的步骤去制作,提高建模能力与速度,明确先做什么后做什么,在动作上多下点功夫。

更多相关推荐:
Diogenes and Alexander 翻译

Lesson18DiogenesandAlesander他躺在光溜溜的地上赤着脚胡子拉茬的半裸着身子模样活像个乞丐或疯子可他就是他而不是别的什么人大清早他随着初升的太阳睁开双眼搔了搔痒便像狗一样在路边解手他在公...

Diogenes and Alexander 戴奥吉尼斯和亚历山大

GilbertHighetThisarticlebythelateclassicistGilbertHighetdescribesameetingbetweentwosharplycontrastingpers...

Diogenes and Alexander retelling第欧根尼和亚历山大

ThepassagecanbedevidedintotwopartsthefirstparttalksaboutDiogenesthesecondpartisaboutDiogenes39meetingwithAlexanderI...

大学英语(四)Diogenes and Alexander 戴奥吉尼斯和亚历山大

DiogenesandAlexander戴奥吉尼斯和亚历山大TheDogHasHisDayGilbertHighetThisarticlebythelateclassicistGilbertHighetdesc...

Thoughts After Diogenes and Alexander

TheQuestThatNeverEndsThisessayontheencounterofDiogenesandAlexanderisreallythoughtprovokingIknewalittleabouttheDoggi...

Diogenes_and_Alexander__戴奥吉尼斯和亚历山大

GilbertHighetThisarticlebythelateclassicistGilbertHighetdescribesameetingbetweentwosharplycontrastingpers...

Diogenes and Alexander

DiogenesandAlexanderLyingonthebareearthshoelessbeardedhalfnakedhelookedlikeabeggaroralunaticHewasonebutnottheotherH...

Diogenes and Alexander

DiogenesandAlexanderGilbertHighetThisarticlebythelateclassicistGilbertHighetdescribesameetingbetweentwosh...

Waiting for Goldie

WaitingforGoldieDannysgrandfatherhasmanypigeonsoneofthemhasapairofgoldeneyesandsheisquiterareBecauseofhereyesshesca...

Great Expectations远大前程读后感

confusionlifestylewascontinueduntilMrsJoediedhewasfeelingtremendousgriefandremorseSeveralyearsgobyMagwitchthecrimew...

A_Review_of_A_Christmas_Carol《圣诞颂歌》读后感(英文)

TheReportonAChristmasCarolAChristmasCarolaninterestingandattractivenoveliswrittenbyCharlesDickensThewholestoryisabo...

The Cop and the Anthem警察与赞美诗读后感

TheCopandtheAnthemTheCopandtheAnthemisoneofOHenry39srepresentativeworksOHenryisoneofthemostfamousAmericancriticalre...

diogenes and alexander读后感(13篇)