Android WebView的使用方法總結(jié)
Android WebView的使用方法
Android app打開(kāi)H5頁(yè)一般要實(shí)現(xiàn)如下需求:
1、打開(kāi)指定url網(wǎng)頁(yè);
2、點(diǎn)擊鏈接可以跳轉(zhuǎn)到下一頁(yè),并更新標(biāo)題;
3、按back鍵或左箭頭可以返回上一頁(yè);
4、當(dāng)webview顯示的是第一級(jí)url時(shí), 按返回鍵或左箭頭關(guān)閉當(dāng)前界面;
5、WebView如何傳值給android, 例如使用H5登錄成功后返回姓名、token等等字段。
6、支持JavaScript, 支持顯示js對(duì)話框。
7、無(wú)網(wǎng)絡(luò)時(shí)顯示默認(rèn)布局, 以提高用戶體驗(yàn)。
8、避免WebView的內(nèi)存泄漏。
不多說(shuō), 看下面代碼如何實(shí)現(xiàn)上述功能。
參考布局:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:my="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/activity_main_bg" android:orientation="vertical"> <com.eloancn.borrower.common.widget.TitleView android:id="@+id/titleView" android:layout_width="match_parent" android:layout_height="50dp" my:titleText="H5" /> <RelativeLayout android:id="@+id/rl_webViewContainer" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <!--在代碼中添加webView防止內(nèi)存泄露隱患--> <LinearLayout android:id="@+id/neterror_tip" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_horizontal" android:visibility="gone"> <ImageView android:layout_marginTop="110dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/not_found" /> </LinearLayout> </RelativeLayout> </LinearLayout>
示例代碼:
public class CommonWebViewActivity extends Activity { private WebView mWebView; private TitleView mTitleView; private RelativeLayout mWebViewContainer; private String title; private String url; private LinearLayout neterrorLayout; private int mFlag; //來(lái)源 public static final int FLAG_SIGNATURE = 1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_common_webview_main); initData(); initView(); setData(); } @Override protected void onDestroy() { super.onDestroy(); mWebView.setWebViewClient(null); mWebView.setWebChromeClient(null); mWebViewContainer.removeView(mWebView); mWebView.removeAllViews(); mWebView.destroy(); } private void initData() { url = getIntent().getStringExtra("url"); title = getIntent().getStringExtra("title"); mFlag = getIntent().getIntExtra("flag", 0); } private void initView() { mTitleView = (TitleView) findViewById(R.id.titleView); mWebViewContainer = (RelativeLayout) findViewById(R.id.rl_webViewContainer); neterrorLayout = (LinearLayout) findViewById(R.id.neterror_tip); mWebView = new WebView(getApplicationContext()); LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT); mWebViewContainer.addView(mWebView, layoutParams); WebSettings webSettings = mWebView.getSettings(); //設(shè)置WebView屬性,能夠執(zhí)行Javascript腳本 webSettings.setJavaScriptEnabled(true); //設(shè)置可以訪問(wèn)文件 webSettings.setAllowFileAccess(true); //設(shè)置支持縮放 webSettings.setBuiltInZoomControls(false); //允許js彈出窗口 webSettings.setJavaScriptCanOpenWindowsAutomatically(true); mTitleView.setLeftBtnClickListener(new TitleView.OnBtnClickListener() { @Override public void onClick(View v) { if (mWebView.canGoBack()) { mWebView.goBack(); } else { finish(); } } }); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { if (mWebView.canGoBack()) { mWebView.goBack(); return true; } } return super.onKeyDown(keyCode, event); } private void setData() { mTitleView.setTitle(title); mWebView.loadUrl(url); mWebView.setWebChromeClient(new WebChromeClient(){ @Override public boolean onJsAlert(WebView view, String url, final String message, final JsResult result) { //注意,WebView默認(rèn)不會(huì)顯示JavaScript的Alert,需要Android實(shí)現(xiàn)。 runOnUiThread(new Runnable() { @Override public void run() { //自定義美觀的Dialog,僅僅是為了顯示message CustomDialog.Builder builder = new CustomDialog.Builder(CommonWebViewActivity.this); builder.setTitle("提示"); builder.setMessage(message); builder.setSingle("知道了", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialogInterface, int i) { dialogInterface.dismiss(); } }); builder.create().show(); } }); result.confirm();//這里必須調(diào)用,否則頁(yè)面會(huì)阻塞造成假死 return true; } @Override public void onReceivedTitle(final WebView view, final String title) { super.onReceivedTitle(view, title); if (FLAG_SIGNATURE == mFlag) { runOnUiThread(new Runnable() { @Override public void run() { mTitleView.setTitle(title); } }); } } }); mWebView.setWebViewClient(new WebViewClient() { @Override public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) { if (FLAG_SIGNATURE == mFlag) { Log.d("brycegao", "shouldInterceptRequest url:" + request.getUrl().toString()); if (request.getUrl().toString().contains("wxd://getImage?tenderid=")) { //可以通過(guò)url傳值給Android, 即在url里放置想要的參數(shù) runOnUiThread(new Runnable() { @Override public void run() { setResult(RESULT_OK); finish(); } }); } } return super.shouldInterceptRequest(view, request); } @Override public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) { mWebView.loadUrl(url); return true; } @Override public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { super.onReceivedError(view, request, error); if (FLAG_SIGNATURE == mFlag && request.getUrl().toString().contains("wxd://getImage?tenderid=")) { //do nothing mWebView.setVisibility(View.GONE); //優(yōu)化體驗(yàn),避免顯示錯(cuò)誤信息 } else { //加載失敗 neterrorLayout.setVisibility(View.VISIBLE); mWebView.setVisibility(View.GONE); } } }); neterrorLayout.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { mWebView.setVisibility(View.VISIBLE); neterrorLayout.setVisibility(View.GONE); mWebView.loadUrl(url); } }); } }
以上就是Android Webview的使用方法詳解,大家如果有疑問(wèn)可以留言討論,或者到本站社區(qū)交流,感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- Android webview 內(nèi)存泄露的解決方法
- Android 解決WebView無(wú)法上傳文件的問(wèn)題
- Android實(shí)現(xiàn)webview實(shí)例代碼
- Android WebView 不支持 H5 input type="file" 解決方法
- 詳解Android Webview加載網(wǎng)頁(yè)時(shí)發(fā)送HTTP頭信息
- Android 5.1 WebView內(nèi)存泄漏問(wèn)題及快速解決方法
- Android中WebView實(shí)現(xiàn)點(diǎn)擊超鏈接啟動(dòng)QQ的方法
- Android如何讓W(xué)ebView中的HTML5頁(yè)面實(shí)現(xiàn)視頻全屏播放
相關(guān)文章
Android實(shí)現(xiàn)快遞物流時(shí)間軸效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)快遞物流時(shí)間軸效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-05-05Android 快速使用正則表達(dá)式,校驗(yàn)身份證號(hào)的實(shí)例
下面小編就為大家分享一篇Android 快速使用正則表達(dá)式,校驗(yàn)身份證號(hào)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01實(shí)例講解Android中的AutoCompleteTextView自動(dòng)補(bǔ)全組件
AutoCompleteTextView組件被用在輸入框中能實(shí)現(xiàn)輸入內(nèi)容自動(dòng)補(bǔ)全的功能,類似于大家平時(shí)用Google時(shí)的輸入聯(lián)想,這里我們來(lái)用實(shí)例講解Android中的AutoCompleteTextView自動(dòng)補(bǔ)全組件,特別是實(shí)現(xiàn)郵箱地址補(bǔ)全的例子,非常實(shí)用2016-05-05Android從系統(tǒng)Gallery獲取圖片具體實(shí)現(xiàn)
這篇文章主要介紹了Android從系統(tǒng)Gallery獲取圖片具體實(shí)現(xiàn),有需要的朋友可以參考一下2013-12-12如何在Android中實(shí)現(xiàn)一個(gè)簡(jiǎn)易的Http服務(wù)器
這篇文章主要介紹了如何在Android中實(shí)現(xiàn)一個(gè)簡(jiǎn)易的Http服務(wù)器,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05Android巧用Fragment解耦onActivityResult詳解
這篇文章主要給大家介紹了關(guān)于Android巧用Fragment解耦onActivityResult的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-08-08Android RecyclerView點(diǎn)擊事件
這篇文章主要為大家詳細(xì)介紹了Android RecyclerView點(diǎn)擊事件的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02