Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android WebView簡單應用

Android WebView簡單應用

編輯:關於Android編程

WebView是View的一個子類,可以讓你在activity中顯示網頁。在布局中拉入一個WebView,一個Button,一個EditText
布局代碼如下:



    

    

源碼代碼如下:

package com.shendan.webrowser;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends ActionBarActivity {

    EditText editText;
    Button button;
    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        editText = (EditText)findViewById(R.id.editText1);
        editText.setText("http://www.baidu.com");
        button = (Button)findViewById( R.id.button1);
        webView = (WebView)findViewById(R.id.webView1);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);

        //點擊頁面內連接直接打開
        webView.setWebViewClient(new WebViewClient(){       
            public boolean shouldOverrideUrlLoading(WebView view, String url) {       
                view.loadUrl(url);       
                return true;       
            }       
        });


        button.setOnClickListener( new View.OnClickListener() {         
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                String urlstr = editText.getText().toString();
                webView.loadUrl(urlstr);
            }
        });
    }

    //點擊後退按鈕返回前面的網頁
    public boolean onKeyDown(int keyCode,KeyEvent event)
    {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {       
            webView.goBack();       
            return true;       
        }       
        return super.onKeyDown(keyCode, event);


    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

有幾個注意點:
1、網址一定要包括http://,
2、要增加網絡權限


這樣就可以簡單進行網頁浏覽了。

webview的API的合理調用,就可以實現比較完整的浏覽器功能
比如打開頁面:

myWebView.loadUrl("http://www.google.com");
myWebView.loadUrl("file:///android_asset/XX.html");
//HTML文件事先保存到asset文件夾。
String htmlString = "

Title

This is HTML text
Formatted in italics
Anothor Line

"; // 載入這個html頁面。 myWebView.loadData(htmlString, "text/html", "utf-8"); //假如有中文,使用. myWebView.loadDataWithBaseURL(null,htmlString, "text/html", "utf-8",null);

當你的WebView覆寫了URL載入的行為,它會自動地對訪問過的網頁積累一個歷史,你可以利用 goBack() 和 goForward()方法在這個歷史中前進或後退。

通過重寫WebViewClient,可以更好地控制頁面內的行為。

    public class MyWebViewClient extends WebViewClient
    {

        @Override
        public void onPageFinished(WebView view, String url) {
            // TODO Auto-generated method stub
            super.onPageFinished(view, url);
        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            // TODO Auto-generated method stub
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public void onScaleChanged(WebView view, float oldScale, float newScale) {
            // TODO Auto-generated method stub
            super.onScaleChanged(view, oldScale, newScale);
        }

        @Override
        public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {
            // TODO Auto-generated method stub
            return super.shouldOverrideKeyEvent(view, event);
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            // TODO Auto-generated method stub




            return super.shouldOverrideUrlLoading(view, url);
        }

    }

接下來講一點比較重要的,就是Webview與js交互。

1.android中利用webview調用網頁上的js代碼。

將webview控件的支持js的屬性設置為true,然後通過loadUrl就可以直接進行調用,如下所示:

mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl(“javascript:test()”);

2.網頁上調用android中java代碼的方法

在網頁中調用java代碼,需要在webview控件中添加javascriptInterface。如下所示:

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