如何实现ListBox选中项自动在PictureBox显示对应图片？

效果展示 #

• 初始状态：
  
• 选中"car"项时的效果：
  

实现方案 #

方法一：数据绑定（Bind）方式（推荐）

你提到的"bind"（数据绑定）完全适用这种场景，通过将ListBox和PictureBox绑定到同一数据源，就能实现自动联动。

1. 创建实体类存储选项名称与对应图片路径：

public class ImageItem
{
    public string Name { get; set; }
    public string ImagePath { get; set; }
}

2. 窗体加载时初始化数据源并完成绑定：

private void Form1_Load(object sender, EventArgs e)
{
    // 替换为你实际的图片路径集合
    List<ImageItem> items = new List<ImageItem>
    {
        new ImageItem { Name = "car", ImagePath = @"C:\Images\car.png" },
        new ImageItem { Name = "bike", ImagePath = @"C:\Images\bike.png" },
        new ImageItem { Name = "plane", ImagePath = @"C:\Images\plane.png" }
    };

    // ListBox绑定数据源，设置显示字段为Name
    listBox1.DataSource = items;
    listBox1.DisplayMember = "Name";

    // PictureBox的Image属性绑定到选中项的ImagePath
    pictureBox1.DataBindings.Add("Image", items, "ImagePath", true, DataSourceUpdateMode.OnPropertyChanged);
}

注意：确保图片路径正确，使用相对路径时要注意程序运行的工作目录。

方法二：事件监听方式

如果不想用数据绑定，也可以通过监听ListBox的SelectedIndexChanged事件手动更新PictureBox：

1. 初始化ListBox选项（可在设计时添加或代码初始化）：

private void Form1_Load(object sender, EventArgs e)
{
    listBox1.Items.AddRange(new string[] { "car", "bike", "plane" });
    // 手动绑定事件（若设计器已绑定可忽略）
    listBox1.SelectedIndexChanged += listBox1_SelectedIndexChanged;
}

2. 编写事件处理逻辑：

private void listBox1_SelectedIndexChanged(object sender, EventArgs e)
{
    if (listBox1.SelectedItem == null) return;

    string selectedName = listBox1.SelectedItem.ToString();
    string imagePath = $"C:\\Images\\{selectedName}.png"; // 替换为实际路径规则

    // 加载图片，注意释放旧资源避免内存泄漏
    pictureBox1.Image?.Dispose();
    pictureBox1.Image = File.Exists(imagePath) ? Image.FromFile(imagePath) : null;
}

补充说明 #

• 数据绑定方式更简洁，适合结构化数据源场景，数据源更新时UI会自动同步；
• 事件监听方式更灵活，适合需要在选中时执行额外逻辑的场景；
• 频繁切换图片时，记得释放旧的Image资源，避免内存占用过高。

内容的提问来源于stack exchange，提问作者Rpr -