当前位置:首页>优优资讯 > 软件教程 > 电脑软件教程 > Android开发:控件之WebView

Android开发:控件之WebView

作者:本站整理 时间:2016-03-15


    如何在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初步介绍到此结束。

 

相关文章

相关推荐

最新攻略

用户评论

(已有0条评论)
表情
注:您的评论需要经过审核才能显示哦,请文明发言!
还没有评论,快来抢沙发吧!