如何在WPF面板中实现Path控件的水平居中

你猜测的原因完全正确：当前路径数据的X轴范围是-10 ~ +10，WPF计算Path布局尺寸时会取几何图形实际边界（总宽度20），但布局定位时会把几何图形的左上角（X=-10、Y=0的坐标点）对齐到Path元素的左上角，导致整个图形左偏10px。可选择以下任意一种方法修复：

• 调整路径数据消除负坐标，所有点的X值统一加10，修改后路径为：

Data="M 10, 0 l 10, 10 l -10, 10 l -10, -10 z"

修改后路径X范围变为0 ~ 20，几何边界和Path元素边界完全对齐，居中逻辑就会正常。

• 给Path添加缩放配置，不需要修改路径坐标：

<Path HorizontalAlignment="Center" VerticalAlignment="Top" Stroke="Black" Fill="Ivory" 
      Data="M 0, 0 l 10, 10 l -10, 10 l -10, -10 l 10, -10"
      Stretch="Uniform" Width="20" Height="20"/>

设置Stretch="Uniform"后WPF会自动将路径缩放到你指定的宽高范围内，自动对齐边界，不会出现偏移。

不需要单独提问，有两种常用实现方式：

• 最简方案：用缩放变换实现，给Path添加缩放绑定，不需要修改路径本身：

<Path ...>
    <Path.RenderTransform>
        <ScaleTransform ScaleX="{Binding 你的缩放系数}" ScaleY="{Binding 你的缩放系数}" CenterX="10" CenterY="10"/>
    </Path.RenderTransform>
</Path>

只要修改绑定的缩放系数就能等比例调整路径大小，如果你不希望边框粗细跟着缩放，可以把StrokeThickness属性绑定缩放系数的倒数即可。

• 精准控制方案：后台代码动态生成路径。你可以把边长做成依赖属性，当属性变更时，后台动态构造PathGeometry对象赋值给Path的Data属性，完全自定义尺寸参数。

如果需要控件随形状自动伸缩，不要给承载Path的DecoratorCanvas设置固定高度，当Path设为Collapsed时，Grid高度会自动变为0，整个控件就会同步收缩。

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