WPF/C#：让绘制的图形可以被选中并将信息显示在ListBox中
内容提要
本文介绍了如何在WPF中制作矩形表格，并在每个单元格中添加信息。还介绍了如何使用ListBox进行数据绑定和数据模板的运用，以显示选中单元格的文本信息。希望对学习WPF或对WPF感兴趣的读者有所帮助。
延伸解读
动态绘制与布局调整
文章通过循环创建矩形，并利用Canvas的SetLeft和SetTop方法定位，实现了表格的绘制。修改行数和列数变量即可调整表格规模，如从3行4列变为4行3列。这种动态生成方式适合需要灵活布局的场景，但需注意单元格位置计算依赖于固定的宽高和间距，调整时需同步修改。
选中状态管理与数据绑定
通过鼠标左键和右键事件切换矩形边框颜色，并利用字典将矩形与文本信息关联。选中时，将信息添加到ObservableCollection集合，实现与ListBox的绑定。ObservableCollection能在集合变化时通知UI更新，确保ListBox实时反映选中项。
数据模板解决显示问题
仅设置ItemsSource时，ListBox默认显示对象类名。通过定义DataTemplate并绑定到Name属性，可自定义显示内容。将DataTemplate应用于ListBox的ItemTemplate，即可正确显示选中单元格的文本信息。这体现了WPF数据模板在控制数据视觉表现上的灵活性。
避免重复添加选中项
在左键点击事件中，添加前需检查集合中是否已存在相同文本的项，若存在则跳过，否则添加。这防止了多次点击同一单元格导致ListBox中出现重复条目。右击移除时，通过LINQ查找并删除对应项，保持集合与选中状态同步。
Q&A
如何在WPF中创建一个矩形表格？
可以通过循环创建矩形，设置行和列的数量，并将矩形添加到Canvas中。
如何在每个单元格中添加行和列的信息？
在创建矩形后，可以使用TextBlock在矩形内部添加行与列的信息。
如何实现单元格的选中和撤销选中功能？
通过鼠标左键点击选中单元格，右键点击撤销选中，并改变矩形的边框颜色来实现。
如何使用字典将单元格与其信息对应起来？
可以使用Dictionary将每个单元格与其对应的信息存储在一起。
如何在ListBox中显示选中单元格的信息？
通过设置DataContext和数据模板，将选中单元格的信息绑定到ListBox中。
数据模板在WPF中有什么作用？
数据模板用于定义数据的视觉表现，允许自定义如何显示绑定到控件的数据。
