Android控件之WebView

移动开发 Android
如何在Android应用中打开Web网站呢?谷歌为我们提供了解决方案,现在就让我们一起看一下WebView控件吧。

如何在Android应用中打开Web网站呢?谷歌为我们提供了解决方案,现在就让我们一起看一下WebView控件吧。

为了方便总结,就以实现下面这个效果为主线,进行总结:

首先我们先看一下它的布局文件吧,整个界面分为上下两个部分,上部是一个类似于标题栏的效果,它是由两个Button按钮和一个TextView组成的,下部是一个WebView控件,通过AndroidManifest.xml去除系统的标题(如有不懂,请查阅我的上一遍博客:Android常用属性),已达到上图效果。为方便大家自学,下面奉上代码:

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     xmlns:tools="http://schemas.android.com/tools" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="match_parent" 
  5.     android:orientation="vertical" 
  6.     tools:context=".MainActivity"
  7.  
  8.     <LinearLayout 
  9.         android:layout_width="fill_parent" 
  10.         android:layout_height="wrap_content" 
  11.         android:weightSum="1"
  12.         <Button 
  13.             android:id="@+id/quit" 
  14.             android:layout_gravity="left" 
  15.             android:layout_width="wrap_content" 
  16.             android:layout_height="wrap_content" 
  17.             android:text="返回"/> 
  18.         <TextView 
  19.             android:id="@+id/web" 
  20.             android:layout_gravity="center" 
  21.             android:gravity="center" 
  22.             android:layout_width="222dp" 
  23.             android:layout_height="wrap_content" 
  24.             android:layout_weight="1.13" /> 
  25.         <Button 
  26.             android:id="@+id/news" 
  27.             android:layout_gravity="right" 
  28.             android:layout_width="wrap_content" 
  29.             android:layout_height="wrap_content" 
  30.             android:text="刷新"/> 
  31.     </LinearLayout> 
  32.     <WebView 
  33.         android:id="@+id/webView" 
  34.         android:layout_width="fill_parent" 
  35.         android:layout_height="fill_parent"/> 
  36.  
  37. </LinearLayout> 

***我们开始编写我们MainActivity.java:

  1. public class MainActivity extends Activity { 
  2.     private TextView mTextView; 
  3.     private WebView mWebView; 
  4.     private Button mbreak; 
  5.     private Button mnews; 
  6.     @Override 
  7.     protected void onCreate(Bundle savedInstanceState) { 
  8.         super.onCreate(savedInstanceState); 
  9.         setContentView(R.layout.activity_main); 
  10.         init(); 
  11.     } 
  12.     public void init(){ 
  13.         mTextView = (TextView)findViewById(R.id.web); 
  14.         mWebView = (WebView)findViewById(R.id.webView); 
  15.         mbreak = (Button)findViewById(R.id.quit); 
  16.         mnews = (Button)findViewById(R.id.news); 
  17.         mbreak.setOnClickListener(new myListener()); 
  18.         mnews.setOnClickListener(new myListener()); 
  19.         mWebView.loadUrl("http://www.baidu.com/");//设置打开的网址 
  20.  
  21.         mWebView.setWebChromeClient(new WebChromeClient(){ 
  22.             @Override 
  23.             public void onReceivedTitle(WebView view, String title) { 
  24.                 super.onReceivedTitle(view, title); 
  25.                 mTextView.setText(title);//显示打开的网址信息 
  26.             } 
  27.         }); 
  28.  
  29.         mWebView.setWebViewClient(new WebViewClient(){ 
  30.             @Override 
  31.             public boolean shouldOverrideUrlLoading(WebView view, String url) { 
  32.                 view.loadUrl(url); 
  33.                 return super.shouldOverrideUrlLoading(view, url); 
  34.             } 
  35.         }); 
  36.     } 
  37.  
  38.     //按钮点击事件监听 
  39.     class myListener implements View.OnClickListener{ 
  40.         @Override 
  41.         public void onClick(View view) { 
  42.             switch (view.getId()){ 
  43.                 case R.id.quit : 
  44.                     finish(); 
  45.                     break
  46.                 case R.id.news : 
  47.                     mWebView.reload(); 
  48.                     break
  49.             } 
  50.         } 
  51.     } 

***不要忘在AndroidManifest.xml中添加使用网络声明:<uses-permission android:name="android.permission.INTERNET"/>

大功告成,我们的WebView初步介绍到此结束。

责任编辑:chenqingxiang 来源: 小破孩123的博客
相关推荐

2013-09-13 13:15:28

AndroidWebViewJavaScript

2010-08-04 10:17:17

Android开发WebView组件

2014-07-30 14:22:41

AndroidWebView内存泄漏

2016-10-24 14:04:24

2020-10-20 10:30:47

微软浏览器Windows

2015-02-11 17:49:35

Android源码自定义控件

2019-05-14 11:21:07

FlutterAndroidWebView

2014-09-17 10:57:30

AndroidWebview安全交互

2014-11-14 10:57:24

Android控件

2009-07-28 16:21:03

Asp.net AjaAutoComplet

2014-12-31 16:20:02

时间选择日历Android

2009-08-03 15:43:22

asp.net控件

2015-01-23 16:32:52

2014-08-25 09:59:54

注解Android

2009-08-07 14:05:21

ASP.NET控件

2011-09-09 15:51:58

Android Web应用

2014-09-24 11:42:46

AndroidButton

2016-03-14 09:43:47

androidview总结

2021-03-24 20:05:51

AndroidWebView崩溃

2016-09-14 22:22:03

Android Vue性能优化
点赞
收藏

51CTO技术栈公众号