如何从文件名与 CollectionViewSource 中的项目匹配的本地文件夹插入图像

Question

我正在 WPF 中构建我的第一个应用程序，并且尝试将本地文件夹中的图像添加到列表视图中。该文件夹包含文件名由 10 位数字组成的图像（例如 1234567890.jpg）。

问题是图像 (1234567890.jpg) 应该与数据库中 EmployeeID 为 1234567890 的员工相匹配。所以我有 2 个不同的来源。

我是编程新手，现在我已经在 Google 上花了 2 天时间，试图找到解决方案，但没有任何运气。我尝试合并到 CompositeCollection 中。我尝试过创建一个包含图像的列表。我想我已经尝试了一切。

这是我到目前为止所拥有的：

<Window.Resources>

        <DataTemplate x:Key="EmployeeTemplate">

            <Grid MaxWidth="500" Margin="3">

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="Auto"/>

                    <ColumnDefinition/>

                </Grid.ColumnDefinitions>

                <Image Name="employeeImage" Grid.Column="0" Width="50" 

                       Source=""/>

                <StackPanel Grid.Column="1">

                    <StackPanel Margin="3,0" Orientation="Horizontal">

                        <TextBlock Text="{Binding LastName}"/>

                        <TextBlock Text=", "/>

                        <TextBlock Text="{Binding FirstName}"/>

                    </StackPanel>

                    <TextBlock Name="EmployeeIDTextBlock" Margin="3,0" Text="{Binding EmployeeID}"/>

                    <TextBlock Margin="3,0" Text="{Binding Department.DepartmentName}"/>

                </StackPanel>

            </Grid>

        </DataTemplate>

        <CollectionViewSource x:Key="employeeViewSource" d:DesignSource="{d:DesignInstance {x:Type local:Employee}, CreateList=True}"/>

    </Window.Resources>

<Grid>

                    <Grid.ColumnDefinitions>

                        <ColumnDefinition Width="Auto"/>

                        <ColumnDefinition/>

                    </Grid.ColumnDefinitions>

                    <ListView x:Name="grid1" Grid.Column="0" 

                                ItemTemplate="{StaticResource EmployeeTemplate}"

                                ItemsSource="{Binding Source={StaticResource employeeViewSource}}"/>

                </Grid>

我想要的是将图片显示在列表中的每个员工面前。

如果我问错了这个问题或遗漏了一些东西，我深表歉意，但这也是我在这里的第一个问题。

我希望你能帮忙。

Answer 1

如果我很好地理解您需要什么，您可以使用一个转换器，使用“EmployeeID”将为您返回一个 ImageSource：class Imageconverter : IValueConverter&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; public object Convert(object value, Type targetType, object parameter, CultureInfo culture)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (value == null)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return null;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; string imgDir = @"\Imgs\";&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; string fileName = System.IO.Path.Combine(imgDir,String.Format("{0}.jpg", value.ToString()));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!System.IO.File.Exists(fileName))&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return null;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; BitmapImage src = new BitmapImage(new Uri(fileName, UriKind.Absolute));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return src;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; throw new NotImplementedException();&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }为转换器创建资源：<local:Imageconverter x:key="ImgConverter/>并使用它：<Image Name="employeeImage" Grid.Column="0" Width="50"&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Source="{Binding EmployeeID, Converter={StaticResource ImgConverter}}"/>