c# - WPF:从目录加载图像并将它们列在 WrapPanel 中

Question

我正在尝试学习 WPF，并且我今天正在学习面板。在试用 Wrap Panel 时，我想到了从目录加载图像列表并将它们显示在 wrap 面板中的惊人想法。为了练习绑定(bind)，我决定动态加载图像列表并根据列表显示。但是图像列表没有通过绑定(bind)显示。这是 XAML 代码:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="28"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="90"/>
        </Grid.ColumnDefinitions>
        <TextBox Grid.Column="0" Name="txtFolderPath" MinWidth="120" Margin="5" Text="C:\Users\Public\Pictures\Sample Pictures"/>
        <Button Grid.Column="1" Name="btnLoadFolderPath" Content="Load" MinWidth="80" Margin="5" Click="btnLoadFolderPath_Click"/>
    </Grid>
    <ListView Grid.Row="1" Margin="0,0.2,-0.4,-242.4" ItemsSource="{Binding lstImages}" Name="lstView">
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
        <ListView.ItemTemplate>
            <DataTemplate>
                <Image Width="100" Height="100"/>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>

这是代码的 C# 部分:

List<Image> lstImages = new List<Image>();

private void btnLoadFolderPath_Click(object sender, RoutedEventArgs e)
{
    Image imgTemp;
    List<string> lstFileNames = new List<string>(System.IO.Directory.EnumerateFiles(txtFolderPath.Text, "*.jpg"));
    foreach (string fileName in lstFileNames)
    {
        imgTemp = new Image();
        imgTemp.Source = new BitmapImage(new Uri(fileName));
        imgTemp.Height = imgTemp.Width = 100;
        lstImages.Add(imgTemp);
    }
}

如果我用 C# 代码将图像添加到列表框中，我可以看到图像，但它们不会环绕。我不确定我做错了什么。

请注意:我知道这个问题可能已经以不同的形式发布了数十次。但我是 WPF 的新手，因此无法找到用于查找它们的确切术语。我找到的少数解释要么过于简单，要么过于复杂，我无法弄清楚我到底哪里出错了。这是一个已经发布的问题，我以它为例:Displaying images in grid with WPF .我不想要文本和东西。但我只需要以类似的布局显示图像。

如果有人能为此提供最简单的解决方案，我将不胜感激。我所需要的只是在包装面板中动态显示图像列表。在此先感谢您提供的任何帮助。

Answer 1

您需要针对 ListView 设置 ScrollViewer.Horizo​​ntalScrollBarVisibility="Disabled" 以禁用水平滚动功能:

<ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" ...

正如@HenkHolterman 在他的评论中指出的那样，您将 ItemsSource 绑定(bind)到 lstImages 但它被声明为无效的私有(private)字段 binding source .我怀疑它适用于你的情况，因为你在代码的某个地方做了类似的事情:

lstView.ItemSource = lstImages;

如果您想通过绑定(bind)使用它，您需要将其转换为公共(public)属性(property)。像这样:

public List<Image> lstImages { get; set; }

并在 Window 构造函数中执行如下操作:

lstImages = new List<Image>();
this.DataContext = this;