集成X5WEBVIEW可以選擇全屏模式為標(biāo)準(zhǔn)全屏還是x5全屏，而不設(shè)置默認(rèn)為false。

首先看看標(biāo)準(zhǔn)全屏的基本設(shè)置，

if (webView.getX5WebViewExtension() != null) {

Bundle data= newBundle();

data.putBoolean("standardFullScreen", false);//true表示標(biāo)準(zhǔn)全屏，false表示X5全屏；不設(shè)置默認(rèn)false，

data.putBoolean("supportLiteWnd", false);//false：關(guān)閉小窗；true：開啟小窗；不設(shè)置默認(rèn)true，

data.putInt("DefaultVideoScreen", 1);//1：以頁面內(nèi)開始播放，2：以全屏開始播放；不設(shè)置默認(rèn)：1

webView.getX5WebViewExtension().invokeMiscMethod("setVideoParams", data);

}

如果使用的是標(biāo)準(zhǔn)全屏那么，顯示頁面如下：

可以看到典型的 可以橫豎屏切換的按鈕，鎖屏的按鈕，緩存和分享的按鈕以及視頻名標(biāo)題。 這些內(nèi)容在一些場景下是可能不希望看到顯示的，比如緩存按鈕，比如使用模板打開的頁面分享出來是模板地址。

因此需要一種標(biāo)準(zhǔn)的全屏模式，而非x5全屏模式。

使用標(biāo)準(zhǔn)全屏模式代碼如下：

if (webView.getX5WebViewExtension() != null) {

Bundle data= newBundle();

data.putBoolean("standardFullScreen", true);//true表示標(biāo)準(zhǔn)全屏，false表示X5全屏；不設(shè)置默認(rèn)false，

data.putBoolean("supportLiteWnd", false);//false：關(guān)閉小窗；true：開啟小窗；不設(shè)置默認(rèn)true，

data.putInt("DefaultVideoScreen", 1);//1：以頁面內(nèi)開始播放，2：以全屏開始播放；不設(shè)置默認(rèn)：1

webView.getX5WebViewExtension().invokeMiscMethod("setVideoParams", data);

}

需要在內(nèi)部處理全屏的交互，在布局中增加代碼如下：

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/webViewLayout"

android:orientation="vertical">

android:id="@+id/video_fullView"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@color/black"android:visibility="gone">

android:id="@+id/tv_touch"android:layout_width="150dp"android:layout_height="45dp"android:layout_gravity="right"android:layout_marginTop="20dp"android:background="@color/transparent" />

首先添加 一個(gè)webviewChromeClient，處理onShowCustomView、onHideCustomView兩個(gè)方法的回調(diào)。在類中添加如下代碼

privateIX5WebChromeClient.CustomViewCallback xCustomViewCallback;private FrameLayout video_fullView;//全屏?xí)r視頻加載view

privateView xCustomView;private com.tencent.smtt.sdk.WebChromeClient xwebchromeclient = newcom.tencent.smtt.sdk.WebChromeClient() {

@Overridepublic void onProgressChanged(com.tencent.smtt.sdk.WebView webView, intpercent) {super.onProgressChanged(webView, percent);if (percent > 40) {

webView.setVisibility(View.VISIBLE);

}

}//攔截全屏調(diào)用的方法

@Overridepublic voidonShowCustomView(View view, IX5WebChromeClient.CustomViewCallback callback) {super.onShowCustomView(view, callback);

getActivity().setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);

Log.e("my","onShowCustomView----xCustomView:" +xCustomView);

webView.setVisibility(View.INVISIBLE);//如果一個(gè)視圖已經(jīng)存在，那么立刻終止并新建一個(gè)

if (xCustomView != null) {

callback.onCustomViewHidden();return;

}view.setVisibility(View.VISIBLE);

video_fullView.addView(view);

xCustomView =view;

xCustomView.setVisibility(View.VISIBLE);

xCustomViewCallback=callback;

video_fullView.setVisibility(View.VISIBLE);

}

@Overridepublic voidonHideCustomView() {super.onHideCustomView();

Log.e("my","onHideCustomView----xCustomView:" +xCustomView);if (xCustomView == null){//不是全屏播放狀態(tài)

return;

}

getActivity().setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);

xCustomView.setVisibility(View.GONE);

video_fullView.removeView(xCustomView);

xCustomView= null;

video_fullView.setVisibility(View.GONE);

xCustomViewCallback.onCustomViewHidden();

webView.setVisibility(View.VISIBLE);

}

};/*** 判斷是否是全屏

*

*@return

*/

public booleaninCustomView() {return (xCustomView != null);

}/*** 全屏?xí)r按返加鍵執(zhí)行退出全屏方法*/

public voidhideCustomView() {

xwebchromeclient.onHideCustomView();

getActivity().setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);

}

設(shè)置x5webview的webchrome，代碼如下：

webView.setWebChromeClient(xwebchromeclient);

為了處理返回事件，還需要加上如下代碼：

@Overridepublic boolean onKeyDown(intkeyCode, KeyEvent event) {if (inCustomView() && keyCode ==KeyEvent.KEYCODE_BACK) {

hideCustomView();return;

}return super.onKeyDown(keyCode, event);

}

這樣就大功告成。

總結(jié)

以上是生活随笔為你收集整理的android x5全屏白色,x5webview 自定义全屏界面(示例代码)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。