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)布局, 以提高用戶(hù)體驗(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 Studio Kotlin代碼和java代碼相互轉(zhuǎn)化實(shí)例
這篇文章主要介紹了Android Studio Kotlin代碼和java代碼相互轉(zhuǎn)化實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-03-03
Android項(xiàng)目開(kāi)發(fā)之UI設(shè)計(jì)器
這篇文章主要為大家詳細(xì)介紹了Android項(xiàng)目開(kāi)發(fā)之UI設(shè)計(jì)器,具有一定的實(shí)用性和參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06
android studio2.3如何編譯動(dòng)態(tài)庫(kù)的過(guò)程詳解
這篇文章主要給大家介紹了關(guān)于android studio 2.3如何編譯動(dòng)態(tài)庫(kù)的過(guò)程,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)各位Android開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
Android 7.0 Nougat不得不知的11項(xiàng)新功能
不得不知的11項(xiàng)Android 7.0 Nougat新功能,感興趣的小伙伴們可以參考一下2016-09-09
完美解決關(guān)于禁止ViewPager預(yù)加載的相關(guān)問(wèn)題
本篇文章主要介紹了完美解決關(guān)于禁止ViewPager預(yù)加載的相關(guān)問(wèn)題,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09
Android在view.requestFocus(0)返回false的解決辦法
這篇文章主要介紹了Android在view.requestFocus(0)返回false的解決辦法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2016-08-08
Android開(kāi)發(fā)之串口編程原理和實(shí)現(xiàn)方式
提到串口編程,就不得不提到JNI,不得不提到JavaAPI中的文件描述符類(lèi):FileDescriptor;下面我分別對(duì)JNI、FileDescriptor以及串口的一些知識(shí)點(diǎn)和實(shí)現(xiàn)的源碼進(jìn)行分析說(shuō)明,感興趣的朋友可以了解下2013-01-01
Windows下React Native的Android環(huán)境部署及布局示例
這篇文章主要介紹了Windows下React Native的Android環(huán)境部署及布局示例,這里安卓開(kāi)發(fā)IDE建議使用Android Studio,且為Windows安裝npm包管理器,需要的朋友可以參考下2016-03-03

