ItemsControl详解

WPF的ItemsControl有两个重要点
<ItemsControl.ItemsPanel>和 <ItemsControl.ItemTemplate>

1. ItemsPanel：控制子项的布局方式
   作用：定义子项的容器面板类型（如 StackPanel、UniformGrid、WrapPanel），负责控制子项在空间上的排列方式。

关键点：
不关心子项的具体内容，只决定子项的排列规则（如水平/垂直、是否换行、是否均匀分布）。
默认值为 StackPanel（垂直排列）。

<ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
        <!-- 改为水平排列 -->
        <StackPanel Orientation="Horizontal"/>
    </ItemsPanelTemplate>
</ItemsControl.ItemsPanel>

2. ItemTemplate：控制每个子项的视觉呈现
   作用：定义每个子项的数据如何渲染为视觉元素（如将数据对象显示为 Rectangle、TextBlock 等）。

关键点：
关心子项的内容模板，决定数据的可视化形式。
默认直接显示数据的 ToString() 结果（通常是一个 TextBlock）。

<ItemsControl.ItemTemplate>
    <DataTemplate>
        <!-- 将数据对象显示为带颜色的矩形 -->
        <Rectangle Fill="{Binding Color}" Width="50" Height="50"/>
    </DataTemplate>
</ItemsControl.ItemTemplate>

3. 二者协作流程
   数据源：ItemsControl.ItemsSource 绑定到一个集合（如 ObservableCollection）。
   生成子项：对集合中的每个数据对象：
   通过 ItemTemplate 生成对应的视觉元素（如 Rectangle）。
   将生成的视觉元素添加到 ItemsPanel 指定的面板中（如 UniformGrid）。
   最终效果：所有子项按 ItemsPanel 的规则排列，每个子项的外观由 ItemTemplate 定义。
4. 不会冲突
   ItemsPanel 和 ItemTemplate 不会冲突，因为它们负责不同的层次：
   ItemTemplate 生成“叶子节点”（单个子项的视觉控件）。
   ItemsPanel 是“容器”，负责排列这些叶子节点。
   类比：
   ItemsPanel 像书架，决定书的排列方式（横放/竖放、分几列）。
   ItemTemplate 像每本书的封面设计，决定书的外观。
5. 常见误区
   误区1：认为 ItemsPanel 和 ItemTemplate 是二选一的关系。
   实际上二者必须共存：ItemTemplate 生成内容，ItemsPanel 排列内容。
   误区2：在 ItemsPanel 中写子项控件。
6. 总结
   特性 ItemsPanel ItemTemplate
   作用 控制子项的布局容器 控制单个子项的视觉模板
   默认值 StackPanel（垂直排列） 显示数据的 ToString()
   可用的控件类型 必须是面板（如 Grid、StackPanel） 任意控件（如 Rectangle、TextBlock）
   层级关系 容器（父级） 内容（子级）
   通过这种分工，WPF 实现了数据与布局的完全解耦，灵活应对动态布局需求。