Android WebView的简单使用

作者: 程序猿在广东 | 来源:发表于2016-12-26 11:17 被阅读105次

尊重原创,转载请注明:From zsml2016(http://blog.csdn.net/qq_29269233)Power by zsml2016侵权必究!

前言:
最近是有点忙,趁着今天放假有时间,我就跟大家简单分享Android中的WebView组件的使用!我接触webview的时候是因为要做项目,实现的需求很简单,就是一个浏览器能够打开一个指定的网址就行了,所以我从接触到使用实现用了一天时间,当然还要经过很多测试,项目才能算稳定!接下来就给大家分享一下怎样简单方便地使用webview吧。作为Android开发者,我们都应该知道在手机中内置了一款高性能webkit内核浏览器,在sdk中封装了一个叫做webview组件,目前很多Android APP都内置了可以显示web作为页面的界面,也是利用了webview组件。

WebView的一些优点:
1、可以直接显示和渲染web页面,直接显示网页
2、webview可以直接用html文件(网络上或本地assets中)作布局
3、和JavaScript交互调用

一、使用webview,必须定义webview控件。在layout中:

<WebView android:id="@+id/webView1" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"/>

二、在activity中获得webview的引用,同时load一个网址:

setContentView(R.layout.*activity_main*);
    //初始化控件
    webView1 = (WebView) findViewById(R.id.*webView1*);
    webView1.loadUrl("http://blog.csdn.net/qq_29269233");

还是那句话,大家别忘了,要连网就要加上网络权限:

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

这样两步就可以打开一个网页了,是不是很简单啊!
但是这个时候发现了一个问题,启动应用后,自动的打开了系统内置的浏览器,解决这个问题需要为webview设置 WebViewClient,并重写方法:

webView1.setWebViewClient(new WebViewClient(){
     @Override public boolean shouldOverrideUrlLoading(WebView view, String url) {
     view.loadUrl(url); return true;
 }

这样就能在webview应用中打开网页了,如下图所示:


三、webview的一些设置:
若自己要定义一个加载页面的进度条,需要展示给用户的时候,先在layout中加入progressbar控件,再通过如下方式获取webview内页面的加载进度:

//加载进度条设置
webView1.setWebChromeClient(new WebChromeClient() {
 @Override public void onProgressChanged(WebView view, int newProgress) {
 super.onProgressChanged(view, newProgress);
 }
});

如果访问页面中有js,则必须设置webview支持js:

webView1.getSettings().setJavaScriptEnabled(true);

webview返回键设置:

public boolean onKeyDown(int keyCode, KeyEvent event) {
     if ((keyCode == *KEYCODE_BACK*) && webView1.canGoBack()) {
         webView1.goBack(); return true;
     }
 finish();
 return super.onKeyDown(keyCode, event);
}

滚动条设置:

webView1.setVerticalScrollBarEnabled(false); //垂直不显示
webView1.setHorizontalScrollBarEnabled(false);//水平不显示

总效果如下:


至此,一个简单的webview浏览器就完美结束了,由于webview的知识点真的好多好多,不是一时间就能讲完的,接下来我会去完善一下webview的其他设置,
记得昨天我转载的一篇觉得不错的,但没有去研究:在WebView中如何让JS与Java安全地互相调用

更多精彩内容请关注本人博客:http://blog.csdn.net/qq_29269233

相关文章

网友评论

    本文标题:Android WebView的简单使用

    本文链接:https://www.haomeiwen.com/subject/xkrjvttx.html