Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> Android開發:控件之WebView

Android開發:控件之WebView

編輯:關於android開發

Android開發:控件之WebView


 如何在Android應用中打開Web網站呢?谷歌為我們提供了解決方案,現在就讓我們一起看一下WebView控件吧。

為了方便總結,就以實現下面這個效果為主線,進行總結:

Android開發:控件之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初步介紹到此結束。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved