如何在 WPF 中将图像添加到 ListView

Question

我想将图像添加到 ListView。我已将图像转换为 BitmapImage。我有一组包含绑定到 DataTemplate 的图像属性的对象。

<UserControl.Resources>
        <DataTemplate x:Key="ImageCell">
            <StackPanel Orientation="Horizontal">
                <Image Source="{Binding DocumentPicture,UpdateSourceTrigger=PropertyChanged}" 
                    Stretch="Fill"  IsEnabled="True" Visibility="Visible"/>
            </StackPanel>
        </DataTemplate>
</UserControl.Resources>

 <ListView Name="lstView" Grid.Column="0" Grid.Row="3"  Margin="5" Height="90" Width="Auto"  
            ItemsSource="{Binding ListDocuments ,UpdateSourceTrigger=PropertyChanged}" ItemTemplate=" 
            {StaticResource ImageCell}" BorderThickness="1" Style="{x:Null}" SelectedItem="{Binding 
             SelectedLstImage}" >
            <ListView.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" Style="{x:Null}"/>
                </ItemsPanelTemplate>
            </ListView.ItemsPanel>
</ListView>

它给了我这个输出：（不要担心我设置的红色背景来识别列表中的图像。）

Answer 1

您可以通过迭代图像列表并实例化新图像并使用
lstView.Items.Add()

以编程方式完成此操作

我做了一个超级简单的例子：

<Grid>
    <ListView x:Name="View"></ListView>
    <Button Click="Button_Click" Height="20" Width="20">Button</Button>
</Grid>

private void Button_Click(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i < 20; i++)
            {
                Label lbl = new Label();
                lbl.Content = "Label " + i;
                View.Items.Add(lbl);
            }

        }

Answer 2

从您的绑定中删除 ,UpdateSourceTrigger=PropertyChanged 的两个实例。他们什么都不做。

删除图像周围的堆栈面板。那是什么都不做。

使列表视图成为列表框。给图片一个宽度。

检查您要绑定的内容的名称。

确保 DocumentPicture 设置为某种东西并且它确实是 public 位图图像属性

<UserControl.Resources>
    <DataTemplate x:Key="ImageCell">
            <Image Source="{Binding DocumentPicture}" 
                Width="80"
                Stretch="Fill"  IsEnabled="True" Visibility="Visible"/>
    </DataTemplate>
</UserControl.Resources>

<ListBox Name="lstView" Grid.Column="0" Grid.Row="3"  Margin="5" Height="90" Width="Auto"  
        ItemsSource="{Binding ListDocuments}" ItemTemplate=" 
        {StaticResource ImageCell}" BorderThickness="1" Style="{x:Null}" SelectedItem="{Binding SelectedLstImage}" >
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal" Style="{x:Null}"/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
</ListBox>

看看离工作还有多远。

如何在 WPF 中将图像添加到 ListView

How to add images to a ListView in WPF

c#

wpf

listview

bitmapimage