Android视频会议多视频动态自适应布局实现方案咨询

这个问题我之前做视频会议应用的时候也遇到过！你用GridLayout的思路是对的，但问题出在LayoutParams的配置上——WRAP_CONTENT会让每个渲染器根据自身视频的原始尺寸来调整大小，自然没法均匀分配屏幕空间。下面给你两个最优解决方案，你可以根据需求选择：

核心思路是让GridLayout的每个子View均分可用空间，而不是依赖自身内容尺寸。具体要做这几点：

1. 动态计算GridLayout的行列数（根据当前视频渲染器的总数）
2. 给每个渲染器的LayoutParams设置宽高为0，通过权重来分配空间
3. 给渲染器设置合适的视频缩放比例，避免画面拉伸变形

示例代码如下：

// 计算当前要添加后的总渲染器数量
int totalRenderers = gridLayout.getChildCount() + 1;
// 设定每行最多显示的列数（比如2列，你可以根据屏幕尺寸调整）
int columnCount = 2;
// 计算需要的行数
int rowCount = (int) Math.ceil((double) totalRenderers / columnCount);

// 更新GridLayout的行列配置
gridLayout.setColumnCount(columnCount);
gridLayout.setRowCount(rowCount);

// 创建并配置新的渲染器
SurfaceViewRenderer remoteRender = new SurfaceViewRenderer(activity);
GridLayout.LayoutParams params = new GridLayout.LayoutParams();

// 关键：设置宽高为0，让权重控制实际尺寸
params.width = 0;
params.height = 0;

// 给行列设置权重，让每个子View均分对应行列的空间
params.columnSpec = GridLayout.spec(GridLayout.UNDEFINED, 1f);
params.rowSpec = GridLayout.spec(GridLayout.UNDEFINED, 1f);

// 保留你的边距和居中设置
params.leftMargin = 10;
params.rightMargin = 10;
params.topMargin = 10;
params.bottomMargin = 10;
params.setGravity(Gravity.CENTER);

// 设置视频缩放比例，避免画面拉伸（根据需求选SCALE_ASPECT_FIT或SCALE_ASPECT_FILL）
remoteRender.setScalingType(RendererCommon.ScalingType.SCALE_ASPECT_FIT);

remoteRender.setLayoutParams(params);
setupRenderer(remoteRender);
gridLayout.addView(remoteRender);

当有渲染器被移除（比如参会者退出），记得重新计算行列数并更新GridLayout的配置，这样所有剩余渲染器会自动重新分配空间。

如果GridLayout的行列计算对你来说有点繁琐，可以试试FlexboxLayout，它支持自动换行、灵活的空间分配，非常适合动态添加子View的场景。

首先需要在build.gradle中添加依赖（如果还没加）：

implementation 'com.google.android:flexbox:2.0.1'

然后是布局代码示例：

FlexboxLayout flexboxLayout = findViewById(R.id.flexbox_container);
// 设置自动换行
flexboxLayout.setFlexWrap(FlexboxLayout.FLEX_WRAP_WRAP);
// 设置主轴方向为水平排列
flexboxLayout.setFlexDirection(FlexboxLayout.FLEX_DIRECTION_ROW);
// 让子View在主轴方向上均匀分配空间
flexboxLayout.setJustifyContent(FlexboxLayout.JUSTIFY_CONTENT_SPACE_EVENLY);
// 让子View在交叉轴方向上居中
flexboxLayout.setAlignItems(FlexboxLayout.ALIGN_ITEMS_CENTER);

// 创建渲染器
SurfaceViewRenderer remoteRender = new SurfaceViewRenderer(activity);
FlexboxLayout.LayoutParams params = new FlexboxLayout.LayoutParams(
    ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

// 设置权重，让每个子View占相同的空间比例
params.flexGrow = 1;
// 限制每个子View的基础宽度为父容器的50%（即每行最多2个）
params.flexBasisPercent = 50;
// 边距设置
params.setMargins(10, 10, 10, 10);

remoteRender.setScalingType(RendererCommon.ScalingType.SCALE_ASPECT_FIT);
remoteRender.setLayoutParams(params);
setupRenderer(remoteRender);
flexboxLayout.addView(remoteRender);

• 不管用哪种布局，都要确保SurfaceViewRenderer的初始化配置正确（比如设置ZOrder、初始化EGL环境等），避免出现渲染层级或黑屏问题。
• 如果需要支持横竖屏切换，记得在屏幕旋转时重新计算布局参数，保证渲染器尺寸始终适配屏幕。

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