Android使用原生組件WebView加載網(wǎng)頁和數(shù)據(jù)的方法

更新時間：2016年09月18日 14:14:58 作者：abstractPointer

這篇文章主要介紹了Android使用原生組件WebView加載網(wǎng)頁和數(shù)據(jù)的方法的相關資料,需要的朋友可以參考下

在Api中關于這個類的介紹大致就是這是一個可以顯示網(wǎng)頁的視圖，如：

webView.loadUrl(http://www.baidu.com/);

顯示結果：

這里寫圖片描述

還可以加載一些html的字符串，如：

String str = "<html><body>You scored <b>192</b> points.</body></html>";
webView.loadData(str, "text/html", null);

顯示結果：

這里寫圖片描述

通過這個組件可以在你的Activity中顯示網(wǎng)頁或者跳轉到瀏覽器上顯示網(wǎng)頁。上方的例子顯示的是跳轉到手機瀏覽器上顯示百度界面。在下方WebView的方法介紹中我們會使用WebView的方法限制網(wǎng)頁顯示在當前Activity上。

下面讓我們stepBystep的演示一下WebView的使用。

一、加載網(wǎng)頁

1.WebView用來顯示網(wǎng)頁，使用必須時刻注意我們需要添加網(wǎng)絡權限

<uses-permission android:name="android.permission.INTERNET"/>

2.在XML布局中添加WebView標簽并在Activity中實例化

<WebView
android:id="@+id/main_webview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
webView = (WebView) findViewById(R.id.main_webview);

3.之后我們就可以通過WebView的loadUrl的方法加載一個網(wǎng)頁

webView.loadUrl(http://www.baidu.com/);

4.但是這樣加載的網(wǎng)頁會跳轉到手機瀏覽器，如何限制網(wǎng)頁顯示在當前Activity中，需要設置其瀏覽器模式為false
添加代碼如下：

webView = (WebView) findViewById(R.id.main_webview);
// 設置WebView的客戶端
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;// 返回false
}
});
webView.loadUrl("http://www.baidu.com/");

顯示的效果：

這里寫圖片描述

這樣就簡單的加載了一個網(wǎng)頁。

WebView還提供了一個抽象類WebSettings來設置其所顯示網(wǎng)頁的一些基本內(nèi)容，實例化的方式通過WebView對象的get方法獲取

WebSettings webSettings = webView.getSettings();

通過這個類可以設置WebView顯示網(wǎng)頁的一系列屬性

為了查看屬性是否生效我特意將WebView顯示的網(wǎng)頁更換了一下，換成了我們公司的網(wǎng)址，先來看一下不設置一系列屬性時顯示的網(wǎng)頁樣式，可以看出界面明顯不和手機屏幕適配，很差的用戶體驗

這里寫圖片描述

之后我通過WebSettings類設置了顯示出網(wǎng)頁的一系列屬性

WebSettings webSettings = webView.getSettings();
// 讓WebView能夠執(zhí)行javaScript
webSettings.setJavaScriptEnabled(true);
// 讓JavaScript可以自動打開windows
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
// 設置緩存
webSettings.setAppCacheEnabled(true);
// 設置緩存模式,一共有四種模式
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
// 設置緩存路徑
// webSettings.setAppCachePath("");
// 支持縮放(適配到當前屏幕)
webSettings.setSupportZoom(true);
// 將圖片調(diào)整到合適的大小
webSettings.setUseWideViewPort(true);
// 支持內(nèi)容重新布局,一共有四種方式
// 默認的是NARROW_COLUMNS
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
// 設置可以被顯示的屏幕控制
webSettings.setDisplayZoomControls(true);
// 設置默認字體大小
webSettings.setDefaultFontSize(12);

設置完成之后在看一下運行效果：

這里寫圖片描述

全部代碼：

清單文件：最重要的是不要忘記添加網(wǎng)絡權限

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.wu.webviewdemo">
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#000"
android:gravity="center"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="使用WebView"
android:textAllCaps="false"
android:textColor="#fff" />
<WebView
android:id="@+id/main_webview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>

Activity

package com.wu.webviewdemo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.main_webview);
// 設置WebView的客戶端
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;// 返回false
}
});
WebSettings webSettings = webView.getSettings();
// 讓WebView能夠執(zhí)行javaScript
webSettings.setJavaScriptEnabled(true);
// 讓JavaScript可以自動打開windows
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
// 設置緩存
webSettings.setAppCacheEnabled(true);
// 設置緩存模式,一共有四種模式
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
// 設置緩存路徑
// webSettings.setAppCachePath("");
// 支持縮放(適配到當前屏幕)
webSettings.setSupportZoom(true);
// 將圖片調(diào)整到合適的大小
webSettings.setUseWideViewPort(true);
// 支持內(nèi)容重新布局,一共有四種方式
// 默認的是NARROW_COLUMNS
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
// 設置可以被顯示的屏幕控制
webSettings.setDisplayZoomControls(true);
// 設置默認字體大小
webSettings.setDefaultFontSize(12);
webView.loadUrl("http://www.lanou3g.com/");
}
}

二、加載html字符串

在一些Android開發(fā)中會遇到這樣一種情況，顯示詳情頁不是一些簡單的文字，也不是簡單的網(wǎng)頁，而是通過接口為我們提供html寫好的數(shù)據(jù)，遇到這種數(shù)據(jù)我們通常采用的方式是通過WebView加載，這就使用到了WebView的另一個方法

public void loadData(String data, String mimeType, String encoding)

1.首先看一下html的string是什么樣的，為了加強說服力并且貼合實際，就沒有自己制造字符串（如開篇例子）而是扒了一段網(wǎng)易新聞的內(nèi)容（老郭和他徒弟的新聞，本人還是很喜歡聽郭老師的相聲的，畢竟喝酒燙頭）

private String body = "<p>　　<b>網(wǎng)易娛樂專稿9月7日報道</b>(文/小易)" +
" 今日凌晨，郭德綱鶴字輩徒弟在微博發(fā)文對德云社表忠心，稱自己之前在外私自接活，離開德云社，" +
"因羞愧兩年沒有師父郭德綱與師娘聯(lián)系，本應該被清出師門，但承蒙師父郭德綱不離不棄。" +
"隨后，郭德綱轉發(fā)該微博并附文“知錯能改善莫大焉”。加上前幾天曹云金與何云偉撕郭德綱內(nèi)幕一事，" +
"本應告一段落的郭德綱與徒弟的各種糾紛若如此下去，恐難徹底收場。</p><p>　　<b>韓鶴曉微博原文：" +
"</b></p><p>　　2006年考入鶴字科取名鶴曉，2009年6月13日恩師郭德綱先生收我為郭門弟子。" +
"數(shù)年期間吃、住、學藝在德云基地，師父師娘分文未取。2010年結婚師父師娘給我和愛人贈送了紅包與婚戒，" +
"并在德云基地給我們提供了婚房。2014年9月，我由于個人原因，私自赴外地發(fā)展。后來返京羞于面對恩師，" +
"兩年未敢與恩師見面。后到上海發(fā)展，2016年6月師父上海演出期間，終于鼓起勇氣向師父認錯，" +
"師父寬宏大量原諒了我。時隔兩月回京之際，專程上家中看望師娘，并求得了原諒。以鶴曉所犯之錯，" +
"本足可導致“清門”，重修德云家譜之際，蒙恩師不棄，給于“暫留察看”實乃對徒兒網(wǎng)開一面。" +
"罪徒鶴曉感念恩師授業(yè)之恩、不棄之情。鶴曉雖距京城數(shù)千之遙，定當永遠心系德云。" +
"未敢忘卻恩師之諄諄教導，踏實做藝、好好做人!唯愿師父師娘身體安泰!徒兒鶴曉頓首遙拜！</p>";

2.設置一下默認的字符編碼，Android中普遍使用UTF-8

WebSettings webSettings = webView.getSettings();
webSettings.setDefaultTextEncodingName("UTF-8");

3.之后調(diào)用WebView的loadData方法

webView.loadData(body, "text/html; charset=UTF-8", null);

顯示效果如下：

這里寫圖片描述

下面是全部代碼，布局繼續(xù)使用（一、加載網(wǎng)頁）的，代碼部分也沒有太大的更改，具體如下：

package com.wu.webviewdemo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
private WebView webView;
private String body = "<p>　　<b>網(wǎng)易娛樂專稿9月7日報道</b>(文/小易)" +
" 今日凌晨，郭德綱鶴字輩徒弟在微博發(fā)文對德云社表忠心，稱自己之前在外私自接活，離開德云社，" +
"因羞愧兩年沒有師父郭德綱與師娘聯(lián)系，本應該被清出師門，但承蒙師父郭德綱不離不棄。" +
"隨后，郭德綱轉發(fā)該微博并附文“知錯能改善莫大焉”。加上前幾天曹云金與何云偉撕郭德綱內(nèi)幕一事，" +
"本應告一段落的郭德綱與徒弟的各種糾紛若如此下去，恐難徹底收場。</p><p>　　<b>韓鶴曉微博原文：" +
"</b></p><p>　　2006年考入鶴字科取名鶴曉，2009年6月13日恩師郭德綱先生收我為郭門弟子。" +
"數(shù)年期間吃、住、學藝在德云基地，師父師娘分文未取。2010年結婚師父師娘給我和愛人贈送了紅包與婚戒，" +
"并在德云基地給我們提供了婚房。2014年9月，我由于個人原因，私自赴外地發(fā)展。后來返京羞于面對恩師，" +
"兩年未敢與恩師見面。后到上海發(fā)展，2016年6月師父上海演出期間，終于鼓起勇氣向師父認錯，" +
"師父寬宏大量原諒了我。時隔兩月回京之際，專程上家中看望師娘，并求得了原諒。以鶴曉所犯之錯，" +
"本足可導致“清門”，重修德云家譜之際，蒙恩師不棄，給于“暫留察看”實乃對徒兒網(wǎng)開一面。" +
"罪徒鶴曉感念恩師授業(yè)之恩、不棄之情。鶴曉雖距京城數(shù)千之遙，定當永遠心系德云。" +
"未敢忘卻恩師之諄諄教導，踏實做藝、好好做人!唯愿師父師娘身體安泰!徒兒鶴曉頓首遙拜！</p>";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.main_webview);
WebSettings webSettings = webView.getSettings();
webSettings.setDefaultTextEncodingName("UTF-8");
webView.loadData(body, "text/html; charset=UTF-8", null);
}
}

以上所述是小編給大家介紹的Android使用原生組件WebView加載網(wǎng)頁和數(shù)據(jù)的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的，在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

Python基礎教程學習筆記第二章列表和元組
這篇文章主要介紹了Python基礎教程學習筆記第二章列表和元組,需要的朋友可以參考下
2015-03-03
ViewPager2滑動沖突的解決方法
這篇文章主要為大家詳細介紹了ViewPager2滑動沖突的解決方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
Android MonoRepo多倉和單倉的差別理論
這篇文章主要為大家介紹了Android MonoRepo多倉和單倉的差別理論，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-06-06
安卓Android6.0權限動態(tài)獲取操作示例
這篇文章主要介紹了安卓Android6.0權限動態(tài)獲取操作,結合實例形式分析了Android6.0針對權限的動態(tài)獲取、授權等相關操作技巧,需要的朋友可以參考下
2018-02-02
Android使用WindowManager制作一個可拖動的控件
這篇文章主要為大家詳細介紹了Android使用WindowManager制作一個可拖動的控件的相關資料，感興趣的小伙伴們可以參考一下
2016-08-08
Android實現(xiàn)手機聯(lián)系人分欄效果
這篇文章主要為大家詳細介紹了Android實現(xiàn)手機聯(lián)系人分欄效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
Android實現(xiàn)隨機生成驗證碼
在登錄注冊軟件時，經(jīng)常會要求填寫隨機驗證碼，這篇文章為大家詳細主要介紹了Android實現(xiàn)隨機生成驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
詳解Android ViewCompat的作用
這篇文章主要介紹了詳解Android ViewCompat的作用的相關資料,需要的朋友可以參考下
2017-07-07
Android中Parcel用法詳解
這篇文章主要介紹了Android中Parcel用法,結合實例形式較為詳細的分析了Parcel數(shù)據(jù)容器的原理與使用方法,需要的朋友可以參考下
2016-06-06
Android WebView控件捕獲用戶輸入的信息
這篇文章主要為大家詳細介紹了Android WebView控件捕獲用戶輸入的信息，感興趣的小伙伴們可以參考一下
2016-02-02