WPF实现TextBlock在Grid列边缘水平居中的方案问询

你可以通过绑定TextBlock自身的实际宽度，配合负Margin调整位置的方式实现需求，完全不需要修改原有Grid的列定义，也不会影响2*、1*、3*列的宽度计算，且能随Grid尺寸自适应：

具体实现代码 #

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="2*" />
        <ColumnDefinition Width="1*" />
        <ColumnDefinition Width="3*" />
    </Grid.ColumnDefinitions>

    <!-- 第一个TextBlock：中心对齐第1、2列的边缘 -->
    <TextBlock Text="边缘1"
               Grid.Column="0"
               Grid.ColumnSpan="2"
               HorizontalAlignment="Right"
               Margin="0,0,-{Binding RelativeSource={RelativeSource Self}, Path=ActualWidth}/2,0"
               VerticalAlignment="Center"/>

    <!-- 第二个TextBlock：中心对齐第2、3列的边缘 -->
    <TextBlock Text="边缘2"
               Grid.Column="1"
               Grid.ColumnSpan="2"
               HorizontalAlignment="Right"
               Margin="0,0,-{Binding RelativeSource={RelativeSource Self}, Path=ActualWidth}/2,0"
               VerticalAlignment="Center"/>
</Grid>

原理说明 #

• 利用Grid.ColumnSpan让TextBlock跨两列，确保它能定位到列边缘位置；
• HorizontalAlignment="Right"让TextBlock的右边缘对齐列的分隔线；
• 通过绑定自身ActualWidth的一半作为负右Margin，将TextBlock向右偏移自身宽度的一半，从而让其水平中心刚好落在列边缘上；
• 整个过程不会占用原有列的空间，Grid的2*、1*、3*列宽计算完全不受影响，且能随Grid尺寸变化自动调整位置。

如果需要更灵活的垂直位置，只需要调整VerticalAlignment属性即可。

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