Wpf 数据绑定参数问题

Question

我正在使用 c# 和 wpf。

我遇到了数据绑定问题。 我有这个模型基类：

public class Media
{
  public string Text {get;set;}
  public List<string> Videos{get;set;}
  public List<string> Images{get;set;}
}

这是我的 xaml 代码：

<Grid Height="500" Width="380">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <TextBlock Text="{Binding Text, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" TextAlignment="Center" VerticalAlignment="Center"/>

    <Image Grid.Row="1" Source="{Binding Images[0], Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" Visibility="{Binding Converter={StaticResource imageVisibilityConverter}}"/>

    <MediaElement Grid.Row="1" Source="{Binding Videos[0], Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" Visibility="{Binding Converter={StaticResource videoVisibilityConverter}}"/>
</Grid>

在我的媒体列表视图模型中，我的一些模型没有任何视频并且视频为空（或没有任何项目）。 在 MediaElement 的绑定源中，我输入了导致异常的视频的 [0] 值。

例外：

System.Windows.Data Error: 17 : Cannot get 'Item[]' value (type 'XXXX') from 'Videos' (type 'List`1'). BindingExpression:Path=Videos[0]; DataItem='Media' (HashCode=18855696); target element is 'MediaElement' (Name=''); target property is 'Source' (type 'Uri') ArgumentOutOfRangeException:'System.ArgumentOutOfRangeException: Specified argument was out of the range of valid values.
Parameter name: index'

我想检查视频是否可用，如果没有，请将 Videos[0] 设置为 MediaElement 源属性，不要对此属性进行任何设置。

任何帮助将不胜感激。

Answer 1

一般来说，如果您不得不求助于将逻辑放入转换器之类的东西中，那么这通常是一个好迹象，表明您的视图模型没有正常工作。这是一个很好的例子，因为您直接使用模型而不使用视图模型。绑定应该静默失败而不会生成异常，这向我表明它是在您的转换器中生成的。如果您要在视图中执行逻辑，那么我可能会放弃转换器并改用 DataTrigger，即类似这样的东西：

<Image Grid.Row="1">
        <Image.Style>
            <Style TargetType="Image">
                <Setter Property="Visibility" Value="Visible" />
                <Style.Triggers>
                     <!-- Hide when Images is null -->
                    <DataTrigger Binding="{Binding Images}" Value="{x:Null}">
                        <Setter Property="Visibility" Value="Hidden" />
                    </DataTrigger>
                     <!-- Hide when Images[0] is null -->
                    <DataTrigger Binding="{Binding Images[0]}" Value="{x:Null}">
                        <Setter Property="Visibility" Value="Hidden" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Image.Style>
    </Image>

我在这里对 Visibility 进行了处理，但您也可以使用它来附加 Source 绑定，仅当它不为空时。