VisualBrush（链接到 VLC）在 TabControl 选择更改时不会更改

Question

我对视觉画笔（通过 VLC.DotNet 链接到 VLC 播放器）和选项卡控件的组合有一种奇怪的体验。我使用 VLC 播放器创建了一个自定义控件来观看 RTSP 流，并在给定窗口中有多个这样的控件。

问题是，如果我将所有控件放在列表视图中，它们都会正确显示。但是，如果我将它们放在选项卡控件中，那么它总是显示第一个选择的选项卡项的流，无论我当前在哪个选项卡上。控件中的其他所有内容（标签等）都会正确更改，但视觉画笔绘制的部分不会。

我的控件的视图定义为：

<UserControl x:Class="myApp.View.CameraMonitorView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:Wpf="clr-namespace:Vlc.DotNet.Wpf;assembly=Vlc.DotNet.Wpf"
             Loaded="UserControl_Loaded">
    <DockPanel>
        <Label Content="{Binding Name}" DockPanel.Dock="Bottom"/>
        <Grid Margin="3">
            <Grid.Background>
                <VisualBrush Stretch="Uniform">
                    <VisualBrush.Visual>
                        <Image Source="{Binding VideoSource, ElementName=vlcControl}"/>
                        <!--<Image Source="{Binding Image}" /> -->
                    </VisualBrush.Visual>
                </VisualBrush>
            </Grid.Background>
            <Wpf:VlcControl x:Name="vlcControl" Margin="3"/>
        </Grid>
    </DockPanel>
</UserControl>

视图后面的代码开始播放 RTSP，但我认为该代码不会帮助解决这个问题。

同时 ViewModel（为了便于查看而被剥离）只是：

class CameraMonitorViewModel : ViewModelBase
{
    public CameraMonitorViewModel(string name, string image)
    {
        Name = name;
        Image = image;
    }

    public string Name {get; set;}
    public string Image { get; set; }
}

我有一个数据模板定义为：

<DataTemplate DataType="{x:Type vm:CameraMonitorViewModel}">
    <v:CameraMonitorView HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</DataTemplate>

全窗口视图模型有一个称为 Monitors 的 ObservableCollection，视图显示：

<TabControl ItemsSource="{Binding Monitors}" SelectedIndex="0" Height="300">
    <TabControl.ItemContainerStyle>
        <Style TargetType="TabItem">
            <Setter Property="Header" Value="{Binding Name}"/>
            <Setter Property="Content" Value="{Binding}"/>
        </Style>
    </TabControl.ItemContainerStyle>
</TabControl>
<ListView ItemsSource="{Binding Monitors}" Height="300" />

ListView 正确显示来自每个摄像头的不同图像。选项卡项将始终显示相同的相机，但当我单击不同的选项卡时，控件的标签项会发生变化。此外，如果我将 VLC 控件图像的数据绑定替换为已注释掉的静态图像对象（其源是通过视图模型设置的），那么当我单击不同的选项卡时，图像将正确更改。

我真的很困惑，如果能提供任何帮助，我将不胜感激。

Answer 1

是的，正如我在对问题的评论中指出的那样，问题是我正在根据控件的 Loaded 事件开始播放流。但它似乎在第二个选项卡之后没有被触发，可能是因为 Rachel 在这里提到的：Loaded event doesn't fire for the 4th TabControl tab（因为它重用了模板而不是加载多个模板）。