首頁  >  文章  >  後端開發  >  Android UI控制系列:WebView(網頁視圖)

Android UI控制系列:WebView(網頁視圖)

黄舟
黄舟原創
2017-01-19 09:45:541879瀏覽

Android網路功能很強大,WebView元件支援直接載入網頁,可以將其視為一個瀏覽器,要實現該功能,具體步驟如下

1、在版面配置檔案中聲明WebView

2、在Activity中實例化WebView

3、呼叫WebView的loadUrl()方法,載入指定的URL位址網頁

4、為了讓WebView能夠回應超連結功能,呼叫setWebViewClient()方法,設定WebView客戶端

5、為了讓WebView支援回退功能,覆蓋onKeyDown()方法

6、一定要注意:在AndroidManifest.xml文件中添加訪問互聯網的權限,否則不能顯示


WebViewTest.java

/*
* @author hualang
*/
package org.hualang.webview;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class WebViewTest extends Activity {
    /** Called when the activity is first created. */
        private WebView webview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        webview=(WebView)findViewById(R.id.webview);
        //设置WebView属性,能够执行JavaScript脚本
        webview.getSettings().setJavaScriptEnabled(true);
        //加载URL内容
        webview.loadUrl("http://www.baidu.com");
        //设置web视图客户端
        webview.setWebViewClient(new MyWebViewClient());
    }
    //设置回退
    public boolean onKeyDown(int keyCode,KeyEvent event)
    {
            if((keyCode==KeyEvent.KEYCODE_BACK)&&webview.canGoBack())
            {
                    webview.goBack();
                    return true;
            }
            return super.onKeyDown(keyCode,event);
    }
    //web视图客户端
    public class MyWebViewClient extends WebViewClient
    {
            public boolean shouldOverviewUrlLoading(WebView view,String url)
            {
                    view.loadUrl(url);
                    return true;
            }
    }
}

main.xml

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    >  
<WebView  
        android:id="@+id/webview"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
/>  
</LinearLayout>

運作結果如下:

Android UI控制系列:WebView(網頁視圖)

以上就是Android UI網路系列:WebView(網路檢視)的內容,更多相關內容請追蹤PHP網(Vol以上是網路控制詞www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn