wpf - 为什么这个按钮被切断了？

Question

在以下 XAML 代码中，按钮文本缺失了一半。我可以更改 Margin属性，很明显，在 250px 之后内容被隐藏了。为什么会这样，我该如何解决？

<Window x:Class="InnerInterface.InventoryManagement" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="someWindow" Height="500" Width="500">
    <DockPanel HorizontalAlignment="Left" Name="dockPanel1" VerticalAlignment="Top">
        <Grid DockPanel.Dock="Top">
            <Button Name="buttonReturnToMainMenu" Content="someButton" Margin="200,0" Width="125" />
        </Grid>
    </DockPanel>
</Window>

Answer 1

您的水平边距为 200，按钮宽度为 125，这意味着正确显示控件所需的总宽度约为 525。

您还有 HorizontalAlignment=Left"在您的 DockPanel 上，这意味着它将以所需的任何宽度绘制内容并将其对齐到屏幕的左侧，而不是拉伸(stretch)它以填充所有可用空间。这意味着它会在控件的任一侧屏蔽 200 的空间，并在剩余空间中绘制按钮。如果此剩余空间小于 125，则图像将被裁剪。

如果切换到 HorizontalAlignment="Stretch" ，然后它会首先绘制控件(带有边距)，然后拉伸(stretch)它的大小以适合所有可用空间，因此整个控件会调整大小而不是裁剪。

您可能有兴趣阅读 this MSDN article on Alignment, Margins, and Padding在 WPF 中。

编辑

如果你想要仅限 Left边距为 200，然后使用 Margin="200,0,0,0" .使用 Margin="200,0"表示左边距和右边距都是 200。