如何为ItemsControl通过ItemsSource生成的元素设置Grid.ColumnSpan？

你直接在FatRowItemTemplate的Border上设置Grid.ColumnSpan无效，核心原因是：ItemsControl会把每个模板的内容自动包装进ContentPresenter容器中，UniformGrid的布局作用对象是这个ContentPresenter，而非模板内部的Border。要实现跨列，必须把Grid.ColumnSpan应用到ContentPresenter上。

下面是具体的实现方案：

方案一：通过ItemContainerStyle绑定实现（推荐，符合MVVM） #

1. 定义布尔值转列跨度的转换器 #

先写一个转换器，根据数据项的标记属性（比如IsWide）返回对应的列跨度：

public class BoolToColumnSpanConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 根据实际需求调整数值，比如true时跨2列，false时跨1列
        return value is bool isWide && isWide ? 2 : 1;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML中配置ItemContainerStyle #

把Grid.ColumnSpan绑定到数据项的属性，通过转换器设置到ContentPresenter上：

<Window.Resources>
    <!-- 引用转换器 -->
    <local:BoolToColumnSpanConverter x:Key="BoolToColumnSpanConverter"/>
    
    <!-- 你的原模板保持不变 -->
    <DataTemplate x:Key="FatRowItemTemplate">
        <Border BorderBrush="Gray" BorderThickness="1" Margin="2">
            <TextBox Text="{Binding Text}" Padding="5"/>
        </Border>
    </DataTemplate>
</Window.Resources>

<ItemsControl ItemsSource="{Binding Items}"
              ItemTemplate="{StaticResource FatRowItemTemplate}"
              IsTabStop="False">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Columns="{Binding Columns}" Width="{Binding ItemWidth}"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <!-- 关键：设置Item容器的样式，给ContentPresenter加ColumnSpan -->
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <Setter Property="Grid.ColumnSpan" 
                    Value="{Binding IsWide, Converter={StaticResource BoolToColumnSpanConverter}}"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
</ItemsControl>

注意事项 #

• 确保你的数据模型类中包含IsWide（或类似）的布尔属性，用来标记需要跨列的项。
• UniformGrid的Columns属性值要考虑跨列情况，比如如果有项跨2列，总列数建议设为偶数，避免布局错位。

方案二：后台代码手动设置（适合非MVVM场景） #

如果不需要绑定逻辑，可以通过ItemsControl.ItemContainerGenerator获取每个ContentPresenter，手动设置Grid.ColumnSpan：

private void ItemsControl_Loaded(object sender, RoutedEventArgs e)
{
    var itemsControl = sender as ItemsControl;
    if (itemsControl == null) return;

    foreach (var item in itemsControl.Items)
    {
        var presenter = itemsControl.ItemContainerGenerator.ContainerFromItem(item) as ContentPresenter;
        if (presenter != null)
        {
            // 根据自定义条件判断是否跨列
            if (item is YourDataModel model && model.IsWide)
            {
                Grid.SetColumnSpan(presenter, 2);
            }
            else
            {
                Grid.SetColumnSpan(presenter, 1);
            }
        }
    }
}

然后给ItemsControl加上Loaded事件绑定这个方法即可。

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