Android学习记录041_webview播放视频的全屏问题以及状态栏隐藏显示问题

一、效果图

二、说明

Demo里面使用X5WebView和原生WebView，均可以正常横竖屏

/**
 * 视频播放地址
 * 这是西瓜视频的介绍，h5代码里面使用了字节跳动xgplayer的开源框架做视频播放
 * https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4
 * 如果想要替换视频播放地址，在源代码里面app/src/main/assets/dist全局搜索上面这个地址，替换即可
 */

三、源代码

package com.study.fullscreendemo.system_webview;

import android.app.Activity;
import android.content.pm.ActivityInfo;
import android.content.res.Configuration;
import android.graphics.PixelFormat;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.webkit.WebChromeClient;
import android.widget.FrameLayout;

import com.study.fullscreendemo.R;


public class FullScreenWithSysWebViewActivity extends Activity {


	SystemWebView webView;
	private FrameLayout flWebView;
	private FrameLayout flFullVideo;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.full_screen_sys_webview_layout);
		flWebView = findViewById(R.id.fl_webview);
		flFullVideo = findViewById(R.id.fl_full_video);
		webView = findViewById(R.id.web_filechooser);
		webView.loadUrl("file:///android_asset/dist/index.html");

		getWindow().setFormat(PixelFormat.TRANSLUCENT);

		webView.setOverScrollMode(View.OVER_SCROLL_ALWAYS);
		webView.setWebChromeClient(new MyWebChromeClient());
	}

	@Override
	public void onConfigurationChanged(Configuration newConfig) {
		// 屏幕旋转时候操作
		try {
			super.onConfigurationChanged(newConfig);
			if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {

			} else if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {

			}
		} catch (Exception e) {
			e.printStackTrace();
		}

	}

	//处理横竖屏的核心类
	class MyWebChromeClient extends WebChromeClient {
		private View myView = null;
		// 全屏
		@Override
		public void onShowCustomView(View view, CustomViewCallback callback) {
			super.onShowCustomView(view, callback);
			ViewGroup parent = (ViewGroup) webView.getParent();
			parent.removeView(webView);

			flWebView.addView(view);
			flFullVideo.setVisibility(View.VISIBLE);
			myView = view;
			setFullScreen();
		}

		// 退出全屏
		@Override
		public void onHideCustomView() {
			super.onHideCustomView();
			if (myView != null) {
				flFullVideo.removeAllViews();
				//要移除之前添加的myView，否则将会引起竖屏时的状态栏异常
				flWebView.removeView(myView);
				flWebView.addView(webView);
				flFullVideo.setVisibility(View.GONE);

				myView = null;
				quitFullScreen();
			}
		}
	}
	/**
	 * 设置全屏
	 */
	private void setFullScreen() {
		// 设置全屏的相关属性，获取当前的屏幕状态，然后设置全屏
		this.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
		setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
	}

	/**
	 * 退出全屏
	 */
	private void quitFullScreen() {
		this.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
		setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
	}

}

四、状态栏相关

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="android:Theme.NoTitleBar">
        <!-- 父主题已经包含了NoTitleBar的选项 ，所以目前不需要-->
        <!--        <item name="windowNoTitle">true</item>-->

        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    </style>

    <!--
        让内容沉浸到状态栏下，需要下面下面选项同时搭配生效
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    -->

    <!--
        让状态栏半透明，需要下面选项同时搭配
        <item name="android:windowTranslucentStatus">true</item>
         <item name="android:statusBarColor">@android:color/transparent</item>
    -->

</resources>

源代码地址