WPF中如何正确将多个元素向右停靠？

这是DockPanel的停靠顺序逻辑在搞鬼！我来给你拆解清楚：

DockPanel是按元素声明的先后顺序来处理停靠的——当你给元素设置DockPanel.Dock="Right"时，第一个声明的元素（A）会先抢占最右侧的位置，第二个元素（B）只能靠在A的左边，第三个元素（C）就只能排在B的左边。所以视觉上C是最靠左的那个，如果你预期它在最右边，自然会觉得它“没正确停靠”。

两种解决方法： #

方法1：调整元素声明顺序（推荐）

把你想要最靠右的元素放在最前面声明，这样它会最先占据右侧位置：

<DockPanel>
    <Button Content="C" DockPanel.Dock="Right"/>
    <Button Content="B" DockPanel.Dock="Right"/>
    <Button Content="A" DockPanel.Dock="Right"/>
</DockPanel>

这样C就会显示在最右侧，B在中间，A在左侧，完全符合右停靠的预期。

方法2：借助额外容器统一控制（如果需要保留原声明顺序）

如果你不想调整元素顺序，可以把三个按钮放到一个StackPanel里，再把这个StackPanel右停靠到DockPanel中：

<DockPanel>
    <StackPanel Orientation="Horizontal" DockPanel.Dock="Right">
        <Button Content="A"/>
        <Button Content="B"/>
        <Button Content="C"/>
    </StackPanel>
</DockPanel>

这种方式下，按钮会按A→B→C的顺序从左到右排列在DockPanel的右侧，也能达到你要的效果。

额外提醒：DockPanel的核心规则 #

• 默认LastChildFill="True"，如果最后一个元素没有设置Dock属性，它会自动填充剩余的所有空间；但如果所有元素都显式设置了Dock，这条规则就不会生效，所有元素都会按顺序停靠在对应边缘。
• 不管是左、右、上、下停靠，都是先声明的元素先占据对应方向的边缘位置，后续元素只能在剩余空间里排列。

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