在 dataGrid [C#] (Visual Studio) 中选择列表项时如何更改图片框中的图像

Question

我正在努力在 Visual Studio 2012/13 中创建类似于“Pokedex”的东西（目前它基本上是一个 Pokedex）。它是一个 WinForm 程序，到目前为止，我有一个数据网格，列出了“口袋妖怪”列表编号、名称和类型。我接下来要做的是让一个pictureBox元素在选择特定的dataGrid列表项时显示口袋妖怪的图像（从图像链接列表中提取）（所以如果在dataGrid中选择#4，Charmander，那么我希望它在图片框中显示一张 Charmander 的图片）。

这是迄今为止项目的视觉设计示例：

richTextBox下面的空白处就是pictureBox所在的地方。 Later on the Pokemon's description will also be included in that box when the list item is chosen, but I believe that will be easy to implement once I understand how to call the image at selection.

感谢所有帮助！我现在不包括该项目的代码，因为我不知道什么是有用的。请让我知道需要什么才能更好地理解该项目。

Answer 1

您可以将ImageList 控件添加到您的表单并将您的口袋妖怪图片添加到您的ImageList。您可以使用ImageList 的设计器图像集合属性轻松地做到这一点。

此外，请确保在DataGridView 中将您的图像索引设置为您的口袋妖怪（因此集合中的第一张图片是 Bulbassur，第二张是 Ivysaur 等） - 这将帮助您稍后通过其轻松访问图片索引。

下一步是将CellEnter 事件附加到您的DataGridView。当一个单元格被聚焦时它会触发。 将此代码添加到事件处理程序：

private void dataGridView1_CellEnter(object sender, DataGridViewCellEventArgs e)
{
    if (e.ColumnIndex == 0)
    {
        pictureBox1.Image = imageList1.Images[e.RowIndex];
    } 
}

请注意，这只会在您选择任何第一列 (DexNum) 单元格时更改图像。您可以将其更改为您喜欢的任何内容，更改条件。

我没有做任何验证，你应该这样做，但我假设行数等于图像数。