android WebView(五)WebChromeClient,androidwebview

來源:互聯網
上載者:User

android WebView(五)WebChromeClient,androidwebview

WebView諸如擷取頁面的title、響應js中的alert、擷取頁面的載入進度等都可以通過設定WebChromeClient來實現。
首先來看一下設定WebChromeClient的代碼:

webchromeclient = new SelfWebChromeClient( progressBar);webView.setWebChromeClient(webchromeclient);
SelfWebChromeClient繼承自WebChromeClient :
class SelfWebChromeClient extends WebChromeClient {}
WebView擷取頁面title需要繼承並實現WebChromeClient的onReceivedTitle方法
@Overridepublic void onReceivedTitle(WebView view, String title) {titleText.setText(title);}
此方法返回了頁面的title,你可以在此方法體內展示此title資訊。
WebView擷取頁面的載入進度

需要繼承並實現WebChromeClient的onProgressChanged方法

@Overridepublic void onProgressChanged(WebView view, int newProgress) {// 當WebView進度改變時更新視窗進if (progressbar.getVisibility() != View.VISIBLE&&newProgress != 100) {progressbar.setVisibility(View.VISIBLE);}progressbar.setProgress(newProgress);super.onProgressChanged(view, newProgress);}

此方法返回了頁面載入的進度newProgress。

WebView響應js中的alert加入你的html頁面中調用了下面的js:
 alert("大家好");
這時候需要如何來處理呢?WebChromeClient提供了回調方法onJsAlert,繼承並實現此方法,在此方法體中做你想做的事,例如:
@Overridepublic boolean onJsAlert(WebView view, String url, String message,final JsResult result) {// 構建一個Builder來顯示網頁中的alert對話方塊Builder builder = new Builder(TestWebActivity.this);builder.setTitle("alert對話方塊");builder.setMessage(message);builder.setPositiveButton(android.R.string.ok,new AlertDialog.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {result.confirm();}});builder.setCancelable(false);builder.create();builder.show();return true;}

還有諸如onJsConfirm之類的方法同理。

WebView播放視頻WebView要想播放視頻,需要注意幾點:
1、最好設定WebChromeClient。要不然很可能使你的視頻框無法載入成功。
2、在Menifest中設定:android:layerType="software"。要不然很可能使你的視頻框無法載入成功。
3、在Menifest中設定:  <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="16" />。這兩個值一個要足夠大,一個要足夠小,要不然你的視屏可能只有聲音沒有
影像,另外全屏時橫豎屏切換也需要設定一個合適版本號碼。我給的是我試過能正常啟動並執行參數,其他的參數能不能行就不曉得了。
4、最好基於Android3.2的sdk開發。

WebView全屏播放需要如下實現WebChromeClient,當點擊頁面的全屏按鈕時會觸發onShowCustomView方法,在此方法中捕獲視頻組件放置到適當的地方去實現你的全屏播放:
private View customView;class SelfWebChromeClient extends WebChromeClient {private Bitmap defaltvideo;private ProgressBar progressbar;private CustomViewCallback myCallback = null;public SelfWebChromeClient( ProgressBar progressbar) {super();this.progressbar = progressbar;}@Overridepublic void onShowCustomView(View view, CustomViewCallback callback) {if (myCallback != null) {myCallback.onCustomViewHidden();myCallback = null;return;}setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);ViewGroup parent = (ViewGroup) webView.getParent();parent.removeView(webView);parent.addView(view);webviewFrame.addView(webView);customView = view;myCallback = callback;}public void onHideCustomView() {if (customView != null) {if (myCallback != null) {myCallback.onCustomViewHidden();myCallback = null;}try {setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);ViewParent pat = customView.getParent();ViewGroup parent = (ViewGroup) pat;parent.removeView(customView);webviewFrame.removeAllViews();parent.addView(webView);customView = null;} catch (Exception e) {e.printStackTrace();}}}// 視頻載入添加預設表徵圖@Overridepublic Bitmap getDefaultVideoPoster() {System.out.println("getDefaultVideoPoster-->>");if (defaltvideo == null) {defaltvideo = BitmapFactory.decodeResource(getResources(),R.drawable.ic_launcher);}return defaltvideo;}// 視頻載入時進程loading@Overridepublic View getVideoLoadingProgressView() {System.out.println("getVideoLoadingProgressView-->>");ProgressBar progressbar = new ProgressBar(TestWebActivity.this, null,android.R.attr.progressBarStyleHorizontal);progressbar.setLayoutParams(new AbsoluteLayout.LayoutParams(LayoutParams.FILL_PARENT, 3, 0, 0));return progressbar;}}

回複小屏播放的代碼如下:
@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {if (keyCode == KeyEvent.KEYCODE_BACK) {if (customView != null) {webchromeclient.onHideCustomView();return true;} else {if (webView.canGoBack()) {webView.goBack();return true;} else {finish();}}}return false;}

對於退出後還是有視屏播放的聲音的問題,有的人說退出是執行:webView.loadUrl("about:blank")。但是我的測試效果不是很好,建議添加如下代碼解決:
@Overrideprotected void onResume() {// LogActs.i("onResume-->>");try {webView.getClass().getMethod("onResume").invoke(webView, (Object[]) null);} catch (Exception e) {e.printStackTrace();}super.onResume();}@Overrideprotected void onStop() {try {webView.getClass().getMethod("onPause").invoke(webView, (Object[]) null);} catch (Exception e) {e.printStackTrace();}// webView.loadUrl("about:blank");super.onStop();}






聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.