YouTubePlayerView嵌入固定高度父布局ViewPager的全屏适配问题

我之前也踩过这个一模一样的坑！当YouTubePlayerView被嵌套在固定高度的ViewPager里时，它的全屏切换逻辑确实会被父布局的高度限制住，这是默认的布局约束导致的。下面给你几个实用的解决方案，你可以根据自己的场景选：

方案一：监听全屏状态，动态调整ViewPager高度 #

这个方法最简单直接，通过监听YouTube播放器的全屏状态，动态修改ViewPager的高度：

• 首先给YouTubePlayer设置全屏监听器，在状态切换时调整ViewPager的布局参数
• 进入全屏时把ViewPager高度改成match_parent，退出时恢复原来的固定高度

// 初始化播放器时绑定全屏监听
youtubePlayer.setFullscreenListener(new YouTubePlayer.OnFullscreenListener() {
    @Override
    public void onFullscreen(boolean isFullscreen) {
        ViewPager viewPager = findViewById(R.id.productImageSlider);
        RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) viewPager.getLayoutParams();
        
        if (isFullscreen) {
            // 全屏模式下让ViewPager占满屏幕高度
            params.height = ViewGroup.LayoutParams.MATCH_PARENT;
        } else {
            // 退出全屏时恢复250dp的固定高度（转成像素值）
            int dp250 = (int) TypedValue.applyDimension(
                TypedValue.COMPLEX_UNIT_DIP, 
                250, 
                getResources().getDisplayMetrics()
            );
            params.height = dp250;
        }
        viewPager.setLayoutParams(params);
    }
});

⚠️ 注意：如果ViewPager里还有其他非视频页面，全屏时可能会让这些页面也被拉伸，这时候可以考虑在全屏时暂时切换到视频页面，或者给其他页面的布局加高度保护。

方案二：把播放器移到Window层级（推荐） #

这个方案能实现和原生YouTube播放器完全一致的全屏体验，原理是全屏时把YouTubePlayerView从ViewPager里移到Activity的根布局，退出时再移回去：

1. 提前获取Activity的根布局引用
2. 全屏时移除播放器原父布局，添加到根布局并设置全屏参数
3. 退出全屏时恢复播放器的原位置和尺寸

private ViewGroup rootView;
private ViewGroup originalPlayerParent;
private ViewGroup.LayoutParams originalPlayerParams;

// 在Activity的onCreate里初始化根布局
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.your_activity_layout);
    rootView = findViewById(android.R.id.content);
    // 其他初始化逻辑...
}

// 给播放器设置全屏监听
youtubePlayer.setFullscreenListener(new YouTubePlayer.OnFullscreenListener() {
    @Override
    public void onFullscreen(boolean isFullscreen) {
        YouTubePlayerView playerView = findViewById(R.id.your_youtube_player_id);
        
        if (isFullscreen) {
            // 保存播放器原来的父布局和布局参数
            originalPlayerParent = (ViewGroup) playerView.getParent();
            originalPlayerParams = playerView.getLayoutParams();
            
            // 从原布局移除播放器
            originalPlayerParent.removeView(playerView);
            
            // 添加到根布局，设置全屏参数
            FrameLayout.LayoutParams fullscreenParams = new FrameLayout.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT
            );
            rootView.addView(playerView, fullscreenParams);
            
            // 可选：隐藏状态栏和导航栏，增强全屏体验
            getWindow().setFlags(
                WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN
            );
        } else {
            // 从根布局移除播放器
            rootView.removeView(playerView);
            
            // 放回原父布局，恢复原来的尺寸
            originalPlayerParent.addView(playerView, originalPlayerParams);
            
            // 可选：恢复状态栏和导航栏
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }
    }
});

这个方案完全摆脱了ViewPager的高度限制，体验最好，推荐优先使用。

方案三：自定义ViewPager适配全屏 #

如果你不想改动太多逻辑，可以自定义一个支持全屏切换的ViewPager，重写onMeasure方法来动态调整高度：

public class FullscreenViewPager extends ViewPager {
    private boolean isInFullscreenMode = false;

    public FullscreenViewPager(Context context) {
        super(context);
    }

    public FullscreenViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public void setFullscreenMode(boolean enable) {
        isInFullscreenMode = enable;
        requestLayout(); // 触发重新测量
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        if (isInFullscreenMode) {
            // 全屏时设置高度为屏幕总高度
            DisplayMetrics metrics = getContext().getResources().getDisplayMetrics();
            int screenHeight = metrics.heightPixels;
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(screenHeight, MeasureSpec.EXACTLY);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

然后在布局里用这个自定义ViewPager替换原来的ViewPager，在全屏监听里调用setFullscreenMode(true/false)即可。

内容的提问来源于stack exchange，提问作者pecific_rim