教你制作一个简单的WPF图片浏览器("轻松打造WPF图片浏览器：手把手教你制作教程")

原创

ithorizon 7个月前 (10-20) 阅读数 26 #后端开发

在现代化的软件开发中，WPF（Windows Presentation Foundation）以其强势的图形界面设计和用户交互能力，成为了许多开发者的首选技术。今天，我们就来手把手教你制作一个易懂的WPF图片浏览器。通过这个教程，你将能够创建一个功能齐全的图片浏览器，让你轻松管理和查看电脑中的图片。

一、准备工作

在起始之前，请确保你的电脑上已经安装了Visual Studio，并且已经安装了.NET Framework或.NET Core SDK。以下步骤以Visual Studio 2019为例进行说明。

二、创建WPF项目

1. 打开Visual Studio，选择“创建新项目”。

2. 在“创建新项目”窗口中，选择“WPF应用 (.NET Core)”模板，然后点击“下一步”。

3. 输入项目名称和存储位置，然后点击“创建”。

三、设计界面

接下来，我们将起始设计图片浏览器的界面。

3.1 添加UI控件

在Visual Studio的“资源管理器”中，找到MainWindow.xaml文件，双击打开。在XAML编辑器中，我们将添加以下控件：


        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="图片浏览器" Height="450" Width="800">

3.2 添加命名空间引用

在XAML文件的顶部，添加以下命名空间引用，以便使用.NET Core的文件操作类：


xmlns:sys="clr-namespace:System;assembly=System.Private.CoreLib"
xmlns:io="clr-namespace:System.IO;assembly=System.IO.FileSystem"

四、添加后台逻辑

现在，我们将为图片浏览器添加后台逻辑，以实现图片的搜索和显示。

4.1 添加搜索按钮的事件处理器

在MainWindow.xaml.cs文件中，添加以下代码来处理搜索按钮的点击事件：


private void SearchButton_Click(object sender, RoutedEventArgs e)
{
    string searchPattern = txtSearch.Text + "*.jpg";
    string[] files = Directory.GetFiles(@"C:\", searchPattern, SearchOption.AllDirectories);
    List<FileInfo> fileInfoList = new List<FileInfo>();
    foreach (string file in files)
    {
        FileInfo fileInfo = new FileInfo(file);
        fileInfoList.Add(fileInfo);
    }
    lstImages.ItemsSource = fileInfoList;
}

4.2 添加ListView的选中项变更事件处理器

在MainWindow.xaml.cs文件中，添加以下代码来处理ListView的选中项变更事件：


private void LstImages_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    if (lstImages.SelectedItem != null)
    {
        FileInfo fileInfo = lstImages.SelectedItem as FileInfo;
        imgDisplay.Source = new BitmapImage(new Uri(fileInfo.FullName));
    }
}