AgoraKit -如何创建网格样式的视频会话布局？

let agoraKit = AgoraRtcEngineKit.sharedEngine(withAppId: "YOUR_APP_ID", delegate: self)
agoraKit.setChannelProfile(.liveBroadcasting)

agoraKit.joinChannel(byToken: "YOUR_TOKEN", channelId: "YOUR_CHANNEL_ID", info: nil, uid: 0, joinSuccess: nil)

agoraKit.enableVideo()

let localVideo = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
let remoteVideo = UIView(frame: CGRect(x: 100, y: 0, width: 100, height: 100))
agoraKit.setupLocalVideo(localVideo)
agoraKit.setupRemoteVideo(remoteVideo)

let canvas = AgoraRtcVideoCanvas()
canvas.view = remoteVideo
canvas.renderMode = .fit
agoraKit.setupRemoteVideo(canvas)

let gridLayout = AgoraRtcVideoCompositingLayout()
gridLayout.canvasWidth = 200
gridLayout.canvasHeight = 200
gridLayout.regionCount = 2
gridLayout.appId = "YOUR_APP_ID"

let localUser = AgoraRtcVideoCompositingRegion()
localUser.uid = 0
localUser.x = 0
localUser.y = 0
localUser.width = 200
localUser.height = 200
localUser.zOrder = 0
localUser.alpha = 1.0
localUser.renderMode = .hidden
gridLayout.regions.add(localUser)

let remoteUser = AgoraRtcVideoCompositingRegion()
remoteUser.uid = 1
remoteUser.x = 100
remoteUser.y = 100
remoteUser.width = 100
remoteUser.height = 100
remoteUser.zOrder = 1
remoteUser.alpha = 1.0
remoteUser.renderMode = .fit
gridLayout.regions.add(remoteUser)

agoraKit.setVideoCompositingLayout(gridLayout)