如何将Rectangle的Grid.ColumnSpan绑定至父Grid的列数？

你提到的需求完全可以实现，而且不需要额外的转换器就能直接完成绑定——这其实是更简洁高效的方案，比用转换器更直接。

核心实现思路 #

Grid的列数对应它的ColumnDefinitions.Count属性，而Grid.ColumnSpan是整数类型，刚好可以直接绑定这个属性。我们只需要通过RelativeSource找到父级Grid，然后绑定到它的ColumnDefinitions.Count即可。

修改后的完整XAML代码 #

把你原来样式里硬编码的Grid.ColumnSpan值替换成绑定表达式，修改后的代码如下：

<Window x:Class="WpfApplication5.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication5"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style x:Key="MouseOverHighlightStyle" TargetType="Rectangle">
            <Setter Property="Fill" Value="Red" />
            <Setter Property="Opacity" Value="0" />
            <Setter Property="Grid.Column" Value="0" />
            <!-- 替换为绑定到父Grid的列数 -->
            <Setter Property="Grid.ColumnSpan" 
                    Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type Grid}}, 
                                    Path=ColumnDefinitions.Count}" />
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Opacity" Value="0.3" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid ShowGridLines="True">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Rectangle Grid.Row="0" Style="{StaticResource MouseOverHighlightStyle}" />
        <Rectangle Grid.Row="1" Style="{StaticResource MouseOverHighlightStyle}" />
        <Rectangle Grid.Row="2" Style="{StaticResource MouseOverHighlightStyle}" />
        <Rectangle Grid.Row="3" Style="{StaticResource MouseOverHighlightStyle}" />
    </Grid>
</Window>

关于转换器的疑问 #

你问“绑定到父Grid并使用转换器返回列数是否是最佳方案？”——其实完全没必要用转换器，因为ColumnDefinitions.Count本身就是整数类型，和Grid.ColumnSpan的类型完全匹配，直接绑定就能生效。只有当你需要对列数做额外的逻辑处理（比如让ColumnSpan等于列数+1、或者根据某些条件动态调整数值）时，才需要用到转换器。

这个方案还有个额外的好处：如果后续你动态修改了Grid的列数（比如添加/删除列），Rectangle的ColumnSpan会自动同步更新，不需要额外写代码维护。

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