类似资源管理器的图像浏览器的最佳控制[关闭]答案

【问题标题】：Best control for Explorer-like image browser [closed]类似资源管理器的图像浏览器的最佳控制[关闭]
【发布时间】：2014-10-19 13:04:28
【问题描述】：

我想创建一个界面类似于 Windows 资源管理器的程序，其中显示缩略图和名称、大小等，并且正在徘徊要使用的控件。

我想要它做的是：

显示所有图片是代码选择的文件夹。可能有数百个，使用数百 MB，所以我需要它来只渲染可见部分而不是整个东西
允许选择一张或多张图片用于代码的其他部分（应用过滤器、复制到其他地方等）。当然，某些选定的图像可能不可见，因此可能不会被渲染
它应该允许每个项目使用多行信息（名称、大小、日期...）
缩略图大小应该可以轻松更改，如果列中容纳更多或更少的项目，我需要重新排列项目（可以使用代码完成，但我更喜欢它在控件中）。当然这不应该改变选中项的列表（所以选中项不是由行和列标识，而是由索引）

我现在拥有的是这个（稍后会转到单独的函数）

thumb[] thumbs;

public MainWindow() {
    InitializeComponent();

    int i;
    string[] files=Directory.GetFileSystemEntries(@"C:\images","*.jpg",SearchOption.AllDirectories);
    System.Drawing.Size mySize=new System.Drawing.Size(128,128);

    thumbs=new thumb[files.Length];
    for(i=0; i<files.Length ;i++){
        thumbs[i]=new thumb(files[i],mySize);
    }
    //MessageBox.Show("Loaded "+i.ToString()+" images");
}

还有这个（稍后我可能会改用Image.GetThumbnailImage() 作为调整大小的基础）：

class thumb {
    public Bitmap bmp;
    public Size   originalSize;
    public string path;

    public thumb(string path, Size targetSize) {
        Bitmap tempBmp;
        this.path=path;
        tempBmp=new Bitmap(path);
        originalSize=tempBmp.Size;
        bmp=new Bitmap(tempBmp,targetSize);
        tempBmp.Dispose(); //get our memory back
    }
}

【问题讨论】：

您的问题与本网站无关，因为：要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题与 Stack Overflow 无关因为它们往往会吸引固执己见的答案和垃圾邮件。相反，请描述问题以及迄今为止为解决该问题所做的工作。
我不是在寻找书或工具，而是在寻找适合工作的控制。 WPF 中有一个封闭的控件列表，每个都有自己的用途。我确实说明了我想要什么，以及我一直在做什么。

标签： c# wpf controls thumbnails

【解决方案1】：

您可以将 ListBox 用作包含缩略图、名称等的控件的容器。您可以为 ListBoxItem 创建一个 DataTemplate 或创建新的 UserControl 并将其用作 ListBox 的内容。

使用 WrapPanel 可以让它对应用程序窗口的大小非常敏感。

这是一个示例，您需要根据需要进行更改，但这是一个很好的起点。

<ListBox x:Name="ListOfImages" ItemsSource="{Binding Images}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Width="120" Margin="10" HorizontalAlignment="Left">
                <Image Source={Binding ImagePath}" />
                <TextBlock Text={Binding Name}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemsPanel>
    <ItemsPanelTemplate>
        <WrapPanel />
    </ItemsPanelTemplate>
</ListBox>

【讨论】：