正在将图像添加到ListBox项

本文关键字：ListBox 添加 图像 | 更新日期: 2023-09-27 17:57:38

我目前正在开发一个C#WPF应用程序，试图在其中添加一个图像，然后在每个列表项中添加一些文本。

我已经为文本进行了绑定，但图像没有显示。

下面是我的XAML：

<Window x:Class="ServerAdministrator.FtpDirectoryListing"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:ServerAdministrator"
        Title="FTP Directory Listing" Height="391" Width="599">
    <Grid>
        <StatusBar Height="30" Margin="0,322,0,0" Name="statusBar1" VerticalAlignment="Top" />
        <ToolBar Height="26" Name="toolBar1" VerticalAlignment="Top" />
        <TextBox Height="23" HorizontalAlignment="Left" Margin="12,32,0,0" Name="textBox1" VerticalAlignment="Top" Width="517" />
        <ListBox x:Name="lstDirecotryListing" Height="233" HorizontalAlignment="Left" Margin="12,61,0,0" VerticalAlignment="Top" Width="553">
            <ListBox.ItemTemplate>
                <DataTemplate DataType="{x:Type local:DirectoryListing}">
                    <StackPanel>
                        <TextBlock Margin="3" Text="{Binding path}" />
                        <ContentControl Margin="3" Content="{Binding image}" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</Window>

下面是我的DirectoryListing类

class DirectoryListing
    {
        public string path {get; set;}
        public Image image{get; set;}
        public DirectoryListing(Image imgage, String path)
        {
            this.image = image;
            this.path = path;
        }
    }

以下是我如何将项目添加到列表框中

Image image = new Image();
            BitmapImage bi = new BitmapImage(new Uri(@"C:'Users'Chris'Documents'Visual Studio 2010'Projects'ServerAdministrator'ServerAdministrator'bin'Debug'images'directory.png"));
            image.Source = bi;
            lstDirecotryListing.Items.Add(new DirectoryListing(image, "hello"));

文本添加得很好，但图像没有添加。

我不确定它是否相关，但我在VS2010 的控制台输出中得到了以下内容

System.Windows.Data错误：4:找不到与绑定的源引用"RelativeSource FindAncestor，AncestorType='System.Windows.Controls.ItemsControl'，AncestorLevel="1"。BindingExpression:Path=HorizontalContentAlignment；DataItem=null；目标元素是"ComboBoxItem"（名称="）；目标属性为"HorizontalContentAlignment"（类型为"水平对齐"）System.Windows.Data错误：4:找不到与绑定的源引用"RelativeSource FindAncestor，AncestorType='System.Windows.Controls.ItemsControl'，AncestorLevel="1"。BindingExpression:Path=VerticalContentAlignment；DataItem=null；目标元素是"ComboBoxItem"（名称="）；目标属性为"垂直内容对齐"（类型为"垂直对齐"）

感谢您为提供的任何帮助

更新

多亏了Clemens的回答，我仍然使用了相同的两个变量，因为路径不是图像的路径，但无论如何，它现在显示的是图像和文本。

问题是它显示文本，图片在下面，我需要并排显示图片和文本，我该怎么做？

正在将图像添加到ListBox项

将视图模型简化为：

public class DirectoryListing
{
    public string Name { get; set; }
    public string Path { get; set; }
}

并将您的DataTemplate更改为：

<ListBox.ItemTemplate>
    <DataTemplate>
        <StackPanel Orientation="Horizontal">
            <TextBlock Margin="3" Text="{Binding Name}"/>
            <Image Margin="3" Source="{Binding Path}"/>
        </StackPanel>
    </DataTemplate>
</ListBox.ItemTemplate>

内置类型转换将自动从文件路径字符串创建ImageSource。

相关文章：