WPF中为何我的ItemsControl所有项重叠？默认垂直StackPanel未生效

问题和ItemsControl默认的垂直StackPanel排布逻辑无关，核心出在你写在项模板里的Canvas控件。

重叠的触发逻辑 #

Canvas是专门用于绝对定位的布局面板，两个设计特性直接造成了你现在的运行效果：

• Canvas不会主动将内部子元素的实际尺寸，作为自身的期望布局空间反馈给外层父面板。在外层负责垂直排布的默认StackPanel看来，每个模板生成的项（根节点是Canvas）的高度为0。按照StackPanel的排布规则，三个高度为0的元素自然会被全部排列在同一个垂直坐标上。
• Canvas默认不会裁剪超出自身边界绘制的内容。哪怕Canvas自身尺寸为0，它内部的横向StackPanel、绑定了数据的两个Label也不会被裁切，会正常渲染所有内容，最终表现为三个项的文字完全叠在一起。

修复方案 #

只需要调整项模板的根元素即可解决，完全不需要修改ItemsControl的默认面板：

• 最直接的优化：删掉多余的Canvas，把它内部的横向StackPanel作为每个项的根元素，模板会正常向外层StackPanel反馈每个项的高度，三个元素就会按垂直方向依次排布
• 如果需要独立的布局容器隔离元素，把Canvas替换成Grid即可，Grid会正确计算自身的期望尺寸传递给外层StackPanel

你之前注释掉的自定义ItemsPanel配置是完全多余的，默认的垂直StackPanel一直正常工作，只是被Canvas的布局反馈逻辑干扰了。

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