wpf - 如何在底部/右侧正确放置按钮？

Question

我尝试在距离右下角 10 像素处放置一个按钮。在设计器中，按钮距角约 10 像素，但在程序中不是(距角仅 1 像素，看起来有点糟糕)。这是 WPF 中的错误吗？

<Window x:Class="wpftest.test"
        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:wpftest" mc:Ignorable="d" Title="test"               
        Height="300" Width="300">
    <Grid>
        <Button x:Name="button" Content="Button" HorizontalAlignment="Left" Margin="207,239,0,0" VerticalAlignment="Top" Width="75" RenderTransformOrigin="-0.133,-0.75"/>
    </Grid>
</Window>

Answer 1

如果您打算使用 WPF 或 UWP，您肯定希望能够理解 xaml 标记。根据我的经验，在设计器中拖放很少会提供您真正想要的东西。但是，设计器和属性会准确地告诉您发生了什么。您是否看到如果在运行时最大化窗口会发生什么？该按钮将不会靠近右下角。根据定义，它始终距左侧 207 像素，距顶部 239 像素。请参阅下面的快速解释。

蓝色 - 对象被限制在距此边缘一段距离处。

红色 - 对象受约束的值。

绿色 - 对象不受此边缘的约束。

如果您要求按钮距右边缘 10 像素，距底部 10 像素，您可以通过单击约束的“链接”来定义，以使预期边缘成为引用边缘(单击它们会切换它们，因此“关闭"左侧和顶部)，并调整值。您可能还想摆脱设计师为您设置的转换。