关闭

android UI控件之webview控件使用实例:加载网页到webview中

标签: androiduiwebview控件
1488人阅读 评论(0) 收藏 举报
分类:
package com.vincent.org.networkapp;

import android.app.Activity;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;

public class WebViewActivity extends Activity implements OnClickListener {

    private EditText url;
    private Button loadurl;
    private Button loaddata;
    private WebView webView;
    private ProgressDialog dialog;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);// 开启进度条功能
        setContentView(R.layout.activity_web_view);

        setProgressBarIndeterminate(true);// 是的进度条可见
        url = (EditText) findViewById(R.id.webview_et);
        loaddata = (Button) findViewById(R.id.loaddata_btn);
        loadurl = (Button) findViewById(R.id.loadurl_btn);
        webView = (WebView) findViewById(R.id.webview_view);
        webView.getSettings().setJavaScriptEnabled(true);// 开启对javascript支持
        webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//开启缓存
        webView.setFocusable(true);
        webView.setWebViewClient(new WebViewClient() {

            @Override
            // 覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // TODO Auto-generated method stub
                view.loadUrl(url);
// 返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器
                return true;
            }
        });
        webView.setWebChromeClient(new WebChromeClient() {
            // 当进度发送改变时候回调这个方法
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                 //当加载完毕时候,关闭对话框
                if (newProgress == 100) {

                    closeDialog();
                } else {
openDialog(newProgress);//实时提示下载进度
                }
                super.onProgressChanged(view, newProgress);

            }

        });
        loaddata.setOnClickListener(this);
        loadurl.setOnClickListener(this);
    }

    private void closeDialog() {
        // TODO Auto-generated method stub

        if (dialog != null && dialog.isShowing()) {
            dialog.dismiss();
            dialog = null;

        }
    }

    private void openDialog(int newProgress) {
        // TODO Auto-generated method stub

        if (dialog == null) {
            dialog = new ProgressDialog(this);
            dialog.setTitle("正在加载");
            dialog.setProgress(newProgress);
            dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
            dialog.show();
        } else {
            dialog.setProgress(newProgress);
        }
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // TODO Auto-generated method stub
        // 如果这个事件是后退的返回事件
        if (keyCode == KeyEvent.KEYCODE_BACK) {

            if (webView.canGoBack()) {
                webView.goBack();
                return true;
            } else {
                System.exit(0);
            }

        }
        return super.onKeyDown(keyCode, event);
    }
    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        String urlString = url.getText().toString();
        switch (v.getId()) {
        //加载由data构造的数据构成的url
        case R.id.loaddata_btn:

            String data = "<a href='http://www.baidu.com/'>baidu</a>";
            webView.loadData(data, "text/html", "utf-8");
            //
            break;

        case R.id.loadurl_btn:
            // 加载制定的url对于的网页
            webView.loadUrl(urlString);
            break;
        default:
            break;
        }
    }
}

webview布局文件
这里写图片描述

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.vincent.org.networkapp.WebViewActivity" >

   <LinearLayout
       android:layout_height="wrap_content"
       android:layout_width="match_parent"
       android:layout_alignParentTop="true"
       android:id="@+id/listview_tv" 
       android:orientation="vertical"
       >
        <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:text="@string/inpuinternetaddress" />
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/webview_et"
            android:text="http://www.baidu.com" />
   </LinearLayout>

    <LinearLayout
       android:layout_height="wrap_content"
       android:layout_width="match_parent"
       android:layout_below="@id/listview_tv"
       android:id="@+id/listview_btn"
       android:orientation="horizontal"
       >
       <Button android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"
           android:id="@+id/loadurl_btn"
           android:text="@string/loadUrl"/>
        <Button android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"
           android:id="@+id/loaddata_btn"
           android:text="@string/loadData"/>
   </LinearLayout>
<WebView 
    android:layout_below="@id/listview_btn"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:id="@+id/webview_view"
    android:layout_width="match_parent"/>
</RelativeLayout>

用到的字符串资源

 <!-- webview -->
    <string name="inpuinternetaddress">请输入网址</string>
    <string name="loadUrl">loadUrl</string>
    <string name="loadData">loadData</string>
    <string name="webview">webview</string>

记得加网络访问权限

    <uses-permission android:name="android.permission.INTERNET" />
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Android WebView控件的显示,调用网页,然后隐藏

测试环境: JDK1.7 android 4.0.3,开发工具 eclipse+ADT,废话不多说直接贴代码: package com.linutest.exa1; import org...
  • rishengcsdn
  • rishengcsdn
  • 2015-09-07 17:30
  • 2832

QT QWebKit使用心得(Qwebkit与Html之间通信)

最近这段时间,正在用QWebkit开发一个Application store的项目。因为需要用到第三方的数据,但后台无法直接去获取,所以需要做一个底层的模块,去获取第三方数据,然后给网页调用,因此我们...
  • ALLENJIAO
  • ALLENJIAO
  • 2015-04-09 18:03
  • 10165

把网页加载进安卓显示,及其android系统webview控件使用详解

WebViewandroid 之控件,可以将html文件转换成webview显示到手机上请求网络需要获得权限  首先在android工程包中建一个activity。同样在建一个xml文件布局,把web...
  • qq_31164401
  • qq_31164401
  • 2015-11-19 15:59
  • 1377

Android控件 WebView加载网页

添加控件 <
  • bianjing40
  • bianjing40
  • 2017-01-09 10:28
  • 211

Android中【下拉刷新/上拉加载】WebView网页控件,Snackbar+CoordinatorLayoutt提示框(指定位置显示的提示框)

工作内容: 1.项目中实现下拉刷新,上拉加载 2.WebView的使用【支持javascript】 3.Snackbar+CoordinatorLayoutt提示框 学习分享: 一、项目中实现下拉刷新...
  • yingtian648
  • yingtian648
  • 2016-09-20 09:16
  • 449

Andorid开发中WebView网页加载控件使用

WebView控件在Android中主要是加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页,在我们做项目的时候是使用机率非常大的组件之一。当然使用前是要添加网络访问权限。...
  • true100
  • true100
  • 2015-11-16 17:41
  • 687

Android学习笔记50:使用WebView控件浏览网页

Android学习笔记50:使用WebView控件浏览网页 http://www.cnblogs.com/menlsh/p/3139498.html   在Androi...
  • gincoo
  • gincoo
  • 2016-03-15 11:31
  • 246

Android之 WebView(网页控件)使用方法

最近我在工作中,很多地方都用到了WebView,今天我抽空就把它整理下:WebView 顾名思义,就是放一个网页,一个看起来十分简单,但是用起来不是那么简单的控件。首先你肯定要定义,初始化一个webv...
  • suzhen666
  • suzhen666
  • 2017-02-16 15:59
  • 205

android中webview的加载速度影响其他的控件更新问题

在android中当界面比较复杂的时候 我们一般采用webview来解决问题,避免写很多复杂的布局 这个也叫作混合布局吧,但是一个问题就是webview利用的是系统的浏览器,导致的...
  • u014737138
  • u014737138
  • 2015-10-27 22:58
  • 608

Android:控件WebView显示网页

WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用。 webview有两个方法:setWebChromeClient 和 setWebClient setWebCli...
  • qq372577751
  • qq372577751
  • 2015-10-08 13:08
  • 105
    个人资料
    • 访问:484444次
    • 积分:7608
    • 等级:
    • 排名:第3289名
    • 原创:272篇
    • 转载:12篇
    • 译文:1篇
    • 评论:50条
    博客专栏
    最新评论