首页 > 解决方案 > AgoraKit - 如何创建网格样式的视频会话布局?

问题描述

我在我的应用程序中使用 Agora sdk 进行视频通话功能。我已经尝试了高级 iOS 示例,目前能够看到两个用户之间的视频通话。

但是,我的 UI 需要在相同大小项目的网格布局中显示它(最多 8 个视频通话视图)......就像相同大小的单元格的垂直 UICollectionView。(下面的截图)

我从这里尝试了高级视频示例 - https://github.com/AgoraIO/Advanced-Video,但不知道如何制作网格。

请指导我如何做到这一点。谢谢。

在此处输入图像描述

标签: layoutagora.iovideocall

解决方案


我有一个小演示,在此示例中创建聊天中所有视频源的 NxN 网格。

https://github.com/maxxfrazer/Agora-iOS-Swift-Example/blob/248a1d2291060891f2fda92a657c2067d841d964/Agora-iOS-Example/ChannelViewController%2BVideoControl.swift#L108

如果聊天中的人数不是平方数,它只会在其他人应该存在的地方留下黑洞,但希望它足以让您开始根据连接用户的数量重新定位视图。


推荐阅读