定位控件 - WPF

Question

我正在自学 WPF，遇到了一个令我困惑的问题。在下面的 XAML 中，当我打开应用程序时，标签和图像位于窗口的左上角，但是当我最大化窗口时，它们会移向中间。我缺少什么会使控件保持其相对位置？

<Window x:Class="WafLuckyDog.Presentation.Views.ShellWindow"
        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:vm="clr-namespace:WafLuckyDog.Applications.ViewModels"
        mc:Ignorable="d" Title="{Binding Title}" Icon="{StaticResource ApplicationIcon}" Width="994.273" Height="840"
        d:DataContext="{d:DesignInstance vm:ShellViewModel}">

    <Window.Background>
        <ImageBrush ImageSource="{StaticResource Background}"></ImageBrush>
    </Window.Background>
    <DockPanel Margin="0,0,-539,0">

    <Grid>
        <Image  Name="Logo" HorizontalAlignment="Left" Margin="0,10,0,669" Width="129" 
                Source="{StaticResource Logo}" />
        <Label Content="Label" HorizontalAlignment="Left" Margin="10,145,0,0" VerticalAlignment="Top" Foreground="AntiqueWhite"/>
    </Grid>
   </DockPanel>
</Window>

Answer 1

首先，你有一个DockPanel，它没有关闭标签并且什么也不做，它会给出一个编译错误，所以删除它。此外，删除底部边距并添加 Height 和 VerticalAlignment 属性。 VerticalAlignment 和 HorizontalAlignment 确保右上角锚点。

<Window x:Class="WafLuckyDog.Presentation.Views.ShellWindow"
        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:vm="clr-namespace:WafLuckyDog.Applications.ViewModels"
        mc:Ignorable="d" Title="{Binding Title}" Icon="{StaticResource ApplicationIcon}" Width="994.273" Height="840"
        d:DataContext="{d:DesignInstance vm:ShellViewModel}">

    <Window.Background>
      <ImageBrush ImageSource="{StaticResource Background}"></ImageBrush>
    </Window.Background>

    <Grid>
      <Image  Name="Logo" HorizontalAlignment="Left" Margin="0,10,0,0" VerticalAlignment="Top" Width="129" Height="129" 
          Source="{StaticResource Logo}" />
      <Label Content="Label" HorizontalAlignment="Left" Margin="10,145,0,0" VerticalAlignment="Top" Foreground="AntiqueWhite"/>
    </Grid>

</Window>