Android WebView最简单使用

原创 2017年01月03日 21:25:42

概述

利用WebView作为app的布局,是一个很好的扩展,据说淘宝客户端就是利用网页做出来的~废话不多说直接上代码

注册文件

添加权限
<uses-permission android:name="android.permission.INTERNET"/>

布局

据说有图便于理解

 <Button
        android:id="@+id/btn_back"
        android:text="back"
        android:onClick="back"
        android:textAllCaps="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true" />

    <Button
        android:id="@+id/btn_forword"
        android:text="forword"
        android:onClick="forword"
        android:textAllCaps="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toEndOf="@+id/btn_back" />

    <Button
        android:id="@+id/btn_go"
        android:text="go"
        android:onClick="go"
        android:textAllCaps="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toEndOf="@+id/btn_forword" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:hint="url"
        android:ems="10"
        android:layout_below="@+id/btn_back"
        android:layout_alignParentStart="true"
        android:id="@+id/editText"
        android:layout_alignParentEnd="true" />
    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/editText"
        android:layout_alignParentBottom="true"></WebView>
ps:我在布局中穿插了点击事件onClick

java代码

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.Toast;

/**
 * Created by Sy on 2017/1/3 0003.
 */
public class MainActivity extends Activity {
    private EditText edt_url;
    private WebView webView;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);
        edt_url= (EditText) findViewById(R.id.editText);
        webView= (WebView) findViewById(R.id.webview);//获取webView组件
        webView.getSettings().setJavaScriptEnabled(true);//设置JavaScript可用
        webView.setWebChromeClient(new WebChromeClient());//处理javaScript对话框
        webView.setWebViewClient(new WebViewClient());//处理各种通知和请求时间,若不使用这句,将使用内置浏览器访问网页

        //EditText按Enter键进入网址
        edt_url.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if(keyCode== KeyEvent.KEYCODE_ENTER){
                        openBrowser();
                }
                    return false;
            }
        });
    }

    public void back(View v){
        webView.goBack();
    }
    public void forword(View v){
        webView.goForward();
    }
    public void go(View v){
            openBrowser();
    }

    private void openBrowser(){
        //重写setWebViewClient方法防止打开系统浏览器
        webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });
        webView.loadUrl("http://"+edt_url.getText().toString() );
        Toast.makeText(this, " loading", Toast.LENGTH_SHORT).show();
    }
}

需要注意的是webView需要调用一下setWebViewClient()方法,不然会无法响应。

版权声明:本文为博主原创文章,请随意转载。

相关文章推荐

Android WebView 简单使用

下面介绍下WebView的简单使用,加载网址是一个webApp. 1.首先是XML 2.主要代码块 public c...

一、Android的webview的简单使用

简介 android中使用webview可以很方便的加载网页, 在做例如新闻详情的时候会非常方便。 1. 布局 ...

Android之WebView控件简单使用总结

1.直接通过URL网址打开网页显示内容:loadUrl() 首先在布局中写一个WebView的控件 ...
  • ygd1994
  • ygd1994
  • 2016年05月09日 17:03
  • 898

Android WebView简单使用

最近app分享使用到了webview,闲暇时做个总结,以备以后需要
  • oAiTan
  • oAiTan
  • 2015年12月28日 21:11
  • 529

Android之WebView的使用与简单浏览器

在要浏览网页的时候,第一种我们可以通过Intent来使用自带的浏览器,第二种可以通过WebView这个控件来浏览。 第一种很简单,直接看代码: Uri uri = Uri.parse("http://...

Android WebView的简单使用,实现标题、加载进度提示

1.配置XML xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="htt...

Android WebView使用简单介绍

一 Android客户端注入及清除Cookie在Android应用程序中经常会加载一个WebView页,有时需要客户端存取访问网页时服务器传递过来的Cookie,在下次访问相同网页时通过Cooki...

Android WebView的简单使用

WebView的简单使用

Android中WebView与js交互简单Demo

  • 2016年08月16日 12:30
  • 7MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android WebView最简单使用
举报原因:
原因补充:

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