WebView使用基础

原创 2016年06月01日 16:22:48

WebView基本使用

  •  WebView是View的一个子类,可以让你在activity中显示网页
  • 可以在布局文件中写入WebView:比如下面这个写了一个填满整个屏幕的WebView:
<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>
  • 加载一个网页,使用loadUrl():
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl(http://www.example.com);

设置WebView要显示的网页

  • 设置WevView要显示的网页方法有很多:
  • 互联网页面直接用:
myWebView.loadUrl(“http://www.google.com“);
  • 本地文件用:
myWebView.loadUrl(“file:///android_asset/XX.html“); 
  • 本地文件存放在:assets文件中。

      还可以直接载入html的字符串,如:

String htmlString = "<h1>Title</h1><p>This is HTML text<br /><i>Formatted in italics</i><br />Anothor Line</p>";
// 载入这个html页面
myWebView.loadData(htmlString, "text/html", "utf-8");

在WebView中使用JavaScript

webView = (WebView) findViewById(R.id.wedview);
        WebSettings settings = webView.getSettings();
        //支持js
        settings.setJavaScriptEnabled(true);
        // 安卓为js提供接口
        webView.addJavascriptInterface(new Object(){
            @android.webkit.JavascriptInterface
            private void setinfo(String username,String uclass) {
                // TODO Auto-generated method stub
                Toast.makeText(MainActivity.this,"username:"+username+","+"uclass"+uclass, Toast.LENGTH_SHORT).show();

            }


        }, "javaCode");

webView.loadUrl("http://localhost:8080/jstest.html");

WebView 显示网页

<ProgressBar 
        android:id="@+id/ProgressBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleHorizontal"
        android:visibility="gone"

        />
    <WebView 
        android:id="@+id/wedView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"        
        />
  • java代码
progressBar = (ProgressBar) findViewById(R.id.ProgressBar);
        wedView = (WebView) findViewById(R.id.wedView);
        // 设置作为客户端存在,界面跳转只在自己应用程序中
        wedView.setWebViewClient(new WebViewClient());
        wedView.loadUrl("要显示的网址");
        wedView.setWebChromeClient(new WebChromeClient(){
            @Override
public void onProgressChanged(WebView view, int newProgress) {
                // TODO Auto-generated method stub
    super.onProgressChanged(view, newProgress);
                progressBar.setVisibility(View.VISIBLE);
                //设置进度
                progressBar.setProgress(newProgress);
                // 进度到头,消失
                if (newProgress==100) {
                    progressBar.setVisibility(View.GONE);

                }

            }
        });
        //初始化WebView
        initWedSetrings();
public void initWedSetrings(){

        //获取设置的对象
         WebSettings settings = wedView.getSettings();
         //设置wedview的缓存方式,设为默认方式
        // 默认如果有缓存,并且缓存未过期,使用缓存,否则使用网络
         settings.setCacheMode(WebSettings.LOAD_DEFAULT);
         //设置支持js代码
         settings.setJavaScriptEnabled(true);
         //设置缩放模式,缩放到最小
         settings.setDefaultZoom(ZoomDensity.FAR);
         //设置字体大小
         settings.setTextSize(TextSize.SMALLER);

    }
  • 注意添加权限
 <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />
    <uses-permission android:name="android.permission.INTERNET"/>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Android开发笔记—WebView、ProgressDialog的基础使用

调用系统自带浏览器可以使用以下方法//调用系统自带浏览器打开网址 Uri uri = Uri.parse("http://www.baidu.com"); Intent intent = new ...
  • Luke__
  • Luke__
  • 2016年10月20日 22:18
  • 154

Android WebView使用基础

转载:http://www.cnblogs.com/mengdd/archive/2013/03/01/2938295.html     WebView基本使用    Web...

AlertDialog编辑框无法调出输入法、锁定Activity方向、自定义进度条的WebView基础使用

1.安卓系统的AlertDialog中点击EditText无法调出系统输入法软键盘的貌似,如下写即可调出   AlertDialog.Builder mBuilder = new AlertDial...

Android基础——WebView使用(一)

WebView使用

Android基础控件使用细节——WebView

在开发中经常会出现莫名其妙的问题,做个记录,方便以后汇总,该系列将不定期更新! 1、今天调用网页显示控件,一组轮播图,根据服务器返回的URL连接做网页显示,同样的格式,有的可以正常在WebView...

android WebView基础使用

最近做的移动APP使用到了 当前快速开发的模式:混合模式开发APP。在混合模式开发APP有那个控件非常重要,它们分别是: Android的WebView和IOS端的UIWebView控件,这个两个控件...

WebView之基础

  • 2016年07月12日 18:48
  • 1.78MB
  • 下载

Android基础入门教程——7.5.1 WebView(网页视图)基本用法

本节给大家带来的是Android中的一个用于显示网页的控件:WebView(网页视图),现在Android应用 层开发的方向有两种:客户端开发和HTML5移动端开发!所谓的HTML5端就是:HTML...

Android WebView基础

此篇介绍WebView的相关知识 1.获取WebSettings对象 WebSettings settings=webview.getSettings(); 2.设置setting属性 set...

Android基础入门教程——WebView缓存问题

本节引言: 现在很多门户类信息网站,比如虎嗅,ifanr,钛媒体等等的APP,简单点说是信息阅读类的APP,很多  都是直接嵌套一个WebView用来显示相关资讯的,这可能就涉及到了WebView的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebView使用基础
举报原因:
原因补充:

(最多只允许输入30个字)