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