← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / ios

RtkPluginsView

Kompozitní zobrazení pro zobrazení pluginů a obsahu sdílené obrazovky. Zahrnuje přepínač karet, oblast obsahu pluginu a plovoucí zobrazení aktivního mluvčího.

Parametry inicializátoru

Parametr	Typ	Povinné	Výchozí	Popis
`videoPeerViewModel`	`VideoPeerViewModel`	✅	-	View model pro video aktivního mluvčího

Vlastnosti

Vlastnost	Typ	Povinné	Výchozí	Popis
`activeListView`	`RtkActiveTabSelectorView`	-	-	Selektor karet pro přepínání mezi pluginy a sdílením obrazovky
`pluginVideoView`	`UIView`	-	-	Kontejnerové zobrazení pro obsah pluginu
`syncButton`	`UIButton`	-	-	Tlačítko pro synchronizaci zobrazení pluginu s prezentujícím

Metody

Metoda	Návratový typ	Popis
`setButtons(buttons:selectedIndex:clickAction:)`	`Void`	Konfiguruje tlačítka výběru karet pomocí obslužné rutiny výběru
`show(pluginView:)`	`Void`	Zobrazuje zobrazení pluginu v oblasti obsahu
`showVideoView(participant:)`	`Void`	Zobrazuje video účastníka v oblasti obsahu
`showPinnedView(participant:)`	`Void`	Zobrazuje video připnutého účastníka
`showActiveSpeakerView(participant:)`	`Void`	Zobrazí plovoucí překryvnou vrstvu aktivního řečníka
`hideActiveSpeaker()`	`Void`	Skryje plovoucí překryvnou vrstvu aktivního mluvčího

Příklady použití

Základní použití

import RealtimeKitUI

let viewModel = VideoPeerViewModel(
    meeting: rtkClient,
    participant: participant,
    showSelfPreviewVideo: false
)
let pluginsView = RtkPluginsView(videoPeerViewModel: viewModel)
view.addSubview(pluginsView)

S tlačítky karet

import RealtimeKitUI

let viewModel = VideoPeerViewModel(
    meeting: rtkClient,
    participant: participant,
    showSelfPreviewVideo: false
)
let pluginsView = RtkPluginsView(videoPeerViewModel: viewModel)

let buttons = [
    RtkPluginScreenShareTabButton(image: nil, title: "Screen Share"),
    RtkPluginScreenShareTabButton(image: nil, title: "Whiteboard")
]
pluginsView.setButtons(
    buttons: buttons,
    selectedIndex: 0,
    clickAction: { index in
        print("Selected tab: \(index)")
    }
)
view.addSubview(pluginsView)