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()方法,不然会无法响应。

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

安卓:WebView简单使用

如图: 注意:加网络访问权限 逻辑代码文件: package com.example.day19_webview; import android.app.Activity;...
  • my_worldlet
  • my_worldlet
  • 2015年09月23日 20:06
  • 733

android学习笔记之webview的简单使用

package com.example.administrator.myexercise; import android.annotation.SuppressLint; import androi...
  • wangsangun
  • wangsangun
  • 2016年07月07日 22:40
  • 288

Android 中 WebView 与 js 简单交互实现图文混排效果,解决图片自适应屏幕与查看大图问题

做 Android 开发已经有一段时间了,之前一直没有时间写博客,说实话也没有这个意识.一直以来看了很多人的博客,学到了很多知识,在这里感谢下默默付出的键盘侠们.最近自己也尝试着写了几篇博文,突然感觉...
  • xiaoxin_Android
  • xiaoxin_Android
  • 2016年04月19日 22:36
  • 4223

Android开发使用WebView实战技巧

前段时间做项目的时候,在项目中用了WebView组件,遇到了一些问题,所以特地找来了一些资料,学习怎么解决,现在将学习的内容整理成一篇博客记录在这里,方便以后再次遇到时可以快速查看并且解决问题。我们知...
  • lee_tianya
  • lee_tianya
  • 2015年04月02日 09:58
  • 3695

android WebView(一)基本使用

WebView是Android用来加载网页的组件,如果要使用此组件加载网上页面,则需要添加网络权限: WebView和其他组件一样可以在xml中布局: ...
  • w2865673691
  • w2865673691
  • 2015年04月08日 14:01
  • 2052

android - WebView加载网页带进度条

先上图: java代码:带沉浸式显示package com.baofoo.mobile.wallet.common.activity; import android.app.Activi...
  • u012246458
  • u012246458
  • 2016年03月25日 15:12
  • 6939

【WebView】Android WebView专栏——基本使用及常见问题

WebView常用方法及常见问题总结
  • wenbitianxiafeng
  • wenbitianxiafeng
  • 2015年09月24日 14:35
  • 2156

Android切换页面效果的实现二:WebView+ViewPager

前言: 由于第一种切换页面的效果不能满足项目的要求,于是又找到另外一种更简单好用的方法来实现,顿时感觉,做项目开发,找到一种合适的方法能够减少很多时间,(刚开始自己弄的时候还想着自己写手势识别的方...
  • dyllove98
  • dyllove98
  • 2013年07月31日 21:30
  • 8619

Android WebView属性使用详解

一、简单使用 1、直接打开浏览器使用 [java] view plain copy   Uri uri = Uri.parse("http://baid...
  • qq_35114086
  • qq_35114086
  • 2016年10月05日 13:10
  • 1037

android使用webview加载网页

WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用。 webview有两个方法:setWebChromeClient 和 setWebClient setWebCli...
  • h183288132
  • h183288132
  • 2015年08月19日 21:59
  • 2666
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android WebView最简单使用
举报原因:
原因补充:

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