當前位置:首頁 > 芯聞號 > 充電吧
[導讀]有時候我們可能會碰到一些比較特殊的需求,比如說要求在應(yīng)用程序里展示一些網(wǎng)頁。相信每個人都知道,加載和顯示網(wǎng)頁通常都是瀏覽器的任務(wù),但是需求里又明確指出,不允許打開系統(tǒng)瀏覽器,而我們當然也不可能自己去編

有時候我們可能會碰到一些比較特殊的需求,比如說要求在應(yīng)用程序里展示一些網(wǎng)頁。相信每個人都知道,加載和顯示網(wǎng)頁通常都是瀏覽器的任務(wù),但是需求里又明確指出,不允許打開系統(tǒng)瀏覽器,而我們當然也不可能自己去編寫一個瀏覽器出來,這時應(yīng)該怎么辦呢?

不用擔心,Android 早就已經(jīng)考慮到了這種需求,并提供了一個 WebView控件,借助它我們就可以在自己的應(yīng)用程序里嵌入一個瀏覽器,從而非常輕松地展示各種各樣的網(wǎng)頁。

一、WebView通過Url加載網(wǎng)頁

WebView是View的子類,能夠讓一個網(wǎng)頁內(nèi)容看起來像是你應(yīng)用程序的一部分一樣。它只提供頁面顯示的功能,默認情況下不提供瀏覽器應(yīng)具備的導航等功能。

首先我們來看一下WebView的簡單使用:

1、獲得WebView的實例;

2、調(diào)用WebView類中的loadUrl(String url)方法,加載指定的網(wǎng)址;

3、在工程的清單文件中添加上網(wǎng)權(quán)限

清單文件中的上網(wǎng)權(quán)限:

Java代碼:

public class MainActivity extends Activity {

WebView vb;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

vb = (WebView) findViewById(R.id.webView1);

vb.loadUrl("http://www.baidu.com");

}

}

當運行上面的代碼后你會發(fā)現(xiàn),程序會啟動默認的瀏覽器來打開我們指定的網(wǎng)址,但是我們所希望的是在當前的應(yīng)用中顯示網(wǎng)頁,那下面給大家介紹WebViewClient這個類以及其中的一些常用方法。WebViewClient類主要是用來幫助WebView處理各種通知、請求事件的,這其中有一些常用方法:

(1) shouldOverrideUrlLoading(WebView view, String url),當加載的網(wǎng)頁需要重定向的時候就會回調(diào)這個函數(shù)。

參數(shù)1:WebView對象

參數(shù)2:需要加載的url地址

返回值:return true意味著主程序接管網(wǎng)頁加載,讓我們自己操作,如果返回false讓webview自己處理。

(2) onPageStarted(WebView view, String url, Bitmap favicon), 開始加載頁面的回調(diào);

(3) onPageFinished(WebView view, String url), 加載完成的回調(diào)。

當我們需要重寫上述方法時需要調(diào)用WebView中setWebViewClient (WebViewClient client)方法,下面在原來代碼更改為用Webview控件顯示網(wǎng)頁,代碼如下:

public class MainActivity extends Activity {

WebView vb;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

vb = (WebView) findViewById(R.id.webView1);

//設(shè)置Webview

vb.setWebViewClient(new WebViewClient(){

@Override

//重寫shouldOverrideUrlLoading方法

public boolean shouldOverrideUrlLoading(WebView view, String url) {

return false;

}

});

vb.loadUrl("http://www.baidu.com");

}

}

運行效果如下:

二、WebView加載HTML字符串

有時候我們的webview可能只是html片段,而不是一個完整的網(wǎng)頁,事實上絕大多數(shù)時候都是如此,完整的網(wǎng)頁無需做成應(yīng)用,而直接在瀏覽器訪問。

這種情況我們使用 LoadData 或者 loadDataWithBaseURL方法,后者用的最多,這里需要調(diào)用WebView中的loadDataWithBaseURL(String baseUrl, String data, String mimeType, String encoding, String historyUrl)方法:

參數(shù)1:作為該網(wǎng)頁的base page??稍O(shè)置為null。

參數(shù)2:html字符串

參數(shù)3:類型,html數(shù)據(jù)需要設(shè)置為“text/html”

參數(shù)4:字符集,如果有中文需要設(shè)置為“utf-8”

參數(shù)5:歷史網(wǎng)頁的url,可設(shè)置為null。

下面是一個簡單的實例,代碼如下:

public class MainActivity extends ActionBarActivity {

WebView wb;

String data = "" +

"" +

"敢問路在何方,路就在腳下" +

"";

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

wb = (WebView) findViewById(R.id.webView1);

wb.loadDataWithBaseURL(null, data, "text/html", "utf-8", null);

}

}

運行結(jié)果如下:

三、WebView中JavaScript與Andorid中java方法互調(diào)

隨著h5在移動端的普及,移動端對webview的使用越來越平凡,有的界面也不僅僅局限于網(wǎng)頁的顯示,很多時候就要涉及到webview與javascript代碼之間的交互,這對于移動端工程師和web端工程師都是一個挑戰(zhàn),下面來總結(jié)下它們之間的交互和注意事項。

先說JavaScript中調(diào)用android代碼,默認情況下,從WebView的界面中無法觸發(fā)html中的JavaScript腳本,我們需要使能JavaScript功能,這樣WebView才有能力處理html中的JavaScript腳本。使能JavaScript對應(yīng)的方法為setJavaScriptEnabled(boolean flag),該方法并不是WebView類中方法,它的使用過程如下:

(1)調(diào)用WebView中g(shù)etSettings()方法獲取WebSettings對象;

(2)調(diào)用WebSettings對象的實例方法setJavaScriptEnabled。

當參數(shù)設(shè)置為true時,表示使能JavaScript。

要想完成JavaScript調(diào)用android代碼,還需介紹一個方法,WebView類中的addJavascriptInterface(Object object, String name),

參數(shù)1:供JavaScript調(diào)用的對象

參數(shù)2:在JavaScript中使用的名字

該方法是這里的重點,將一個java對象綁定到一個javascript對象中,javascript對象名就是interfaceName,作用域是Global。

我們可以在JavaScript中調(diào)用Java中的函數(shù)的步驟如下:

(1)創(chuàng)建WebView對象

(2)使能WebView對象的JavaScript功能

(3)創(chuàng)建類,該類作為JavaScript調(diào)用Java代碼的接口

(4)在該類中暴露方法,供JavaScript調(diào)用,注意:API 17之后的版本需 要添加注解@JavascriptInterface。

(5)將接口類對象添加給WebView

addJavascriptInterface(Object, String)

(6)在html中添加JavaScript代碼,調(diào)用Java對象中暴露的方法。

具體代碼如下:

MainActivity:

public class MainActivity extends ActionBarActivity {

WebView wb;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

wb = (WebView) findViewById(R.id.webView1);

//使能JavaScript

wb.getSettings().setJavaScriptEnabled(true);

//綁定對應(yīng)java對象到JavaScript

wb.addJavascriptInterface(new MyJavaScript(this), "MyJavaScript");

//加載本地文件

wb.loadUrl("file:///android_asset/my.html");

}

}

本地文件放在asset目錄下,調(diào)用時路徑格式為file:///android_asset/xx。

自定義JavaScript調(diào)用java的類:

public class MyJavaScript {

Context context;

public MyJavaScript(Context context) {

super();

this.context = context;

}

//供JavaScript調(diào)用的java方法,此處須與JavaScript中script標簽中調(diào)用的方法名一致

public void ShowToast(String str){

Toast.makeText(context, str, Toast.LENGTH_SHORT).show();

}

}

本地HTML文件:

//輸出內(nèi)容有中文時加上

type="button" id="button1" onclick="callAndroid();" >

點擊js調(diào)用java代碼

該HTML文件顯示的頁面只有一個“點擊js調(diào)用java代碼”的按鈕,點擊該按鈕后會觸發(fā)script中定義的點擊事件方法callAndroid(),該方法會調(diào)用java代碼中相對應(yīng)的方法,從而實現(xiàn)JavaScript中調(diào)用android代碼。運行效果如下,點擊按鈕后會彈出一個Toast。

本站聲明: 本文章由作者或相關(guān)機構(gòu)授權(quán)發(fā)布,目的在于傳遞更多信息,并不代表本站贊同其觀點,本站亦不保證或承諾內(nèi)容真實性等。需要轉(zhuǎn)載請聯(lián)系該專欄作者,如若文章內(nèi)容侵犯您的權(quán)益,請及時聯(lián)系本站刪除。
換一批
延伸閱讀

9月2日消息,不造車的華為或?qū)⒋呱龈蟮莫毥谦F公司,隨著阿維塔和賽力斯的入局,華為引望愈發(fā)顯得引人矚目。

關(guān)鍵字: 阿維塔 塞力斯 華為

加利福尼亞州圣克拉拉縣2024年8月30日 /美通社/ -- 數(shù)字化轉(zhuǎn)型技術(shù)解決方案公司Trianz今天宣布,該公司與Amazon Web Services (AWS)簽訂了...

關(guān)鍵字: AWS AN BSP 數(shù)字化

倫敦2024年8月29日 /美通社/ -- 英國汽車技術(shù)公司SODA.Auto推出其旗艦產(chǎn)品SODA V,這是全球首款涵蓋汽車工程師從創(chuàng)意到認證的所有需求的工具,可用于創(chuàng)建軟件定義汽車。 SODA V工具的開發(fā)耗時1.5...

關(guān)鍵字: 汽車 人工智能 智能驅(qū)動 BSP

北京2024年8月28日 /美通社/ -- 越來越多用戶希望企業(yè)業(yè)務(wù)能7×24不間斷運行,同時企業(yè)卻面臨越來越多業(yè)務(wù)中斷的風險,如企業(yè)系統(tǒng)復(fù)雜性的增加,頻繁的功能更新和發(fā)布等。如何確保業(yè)務(wù)連續(xù)性,提升韌性,成...

關(guān)鍵字: 亞馬遜 解密 控制平面 BSP

8月30日消息,據(jù)媒體報道,騰訊和網(wǎng)易近期正在縮減他們對日本游戲市場的投資。

關(guān)鍵字: 騰訊 編碼器 CPU

8月28日消息,今天上午,2024中國國際大數(shù)據(jù)產(chǎn)業(yè)博覽會開幕式在貴陽舉行,華為董事、質(zhì)量流程IT總裁陶景文發(fā)表了演講。

關(guān)鍵字: 華為 12nm EDA 半導體

8月28日消息,在2024中國國際大數(shù)據(jù)產(chǎn)業(yè)博覽會上,華為常務(wù)董事、華為云CEO張平安發(fā)表演講稱,數(shù)字世界的話語權(quán)最終是由生態(tài)的繁榮決定的。

關(guān)鍵字: 華為 12nm 手機 衛(wèi)星通信

要點: 有效應(yīng)對環(huán)境變化,經(jīng)營業(yè)績穩(wěn)中有升 落實提質(zhì)增效舉措,毛利潤率延續(xù)升勢 戰(zhàn)略布局成效顯著,戰(zhàn)新業(yè)務(wù)引領(lǐng)增長 以科技創(chuàng)新為引領(lǐng),提升企業(yè)核心競爭力 堅持高質(zhì)量發(fā)展策略,塑強核心競爭優(yōu)勢...

關(guān)鍵字: 通信 BSP 電信運營商 數(shù)字經(jīng)濟

北京2024年8月27日 /美通社/ -- 8月21日,由中央廣播電視總臺與中國電影電視技術(shù)學會聯(lián)合牽頭組建的NVI技術(shù)創(chuàng)新聯(lián)盟在BIRTV2024超高清全產(chǎn)業(yè)鏈發(fā)展研討會上宣布正式成立。 活動現(xiàn)場 NVI技術(shù)創(chuàng)新聯(lián)...

關(guān)鍵字: VI 傳輸協(xié)議 音頻 BSP

北京2024年8月27日 /美通社/ -- 在8月23日舉辦的2024年長三角生態(tài)綠色一體化發(fā)展示范區(qū)聯(lián)合招商會上,軟通動力信息技術(shù)(集團)股份有限公司(以下簡稱"軟通動力")與長三角投資(上海)有限...

關(guān)鍵字: BSP 信息技術(shù)
關(guān)閉
關(guān)閉