如何根据屏幕分辨率调整大小的控件？

Question

刚刚面临以下问题：我试图调整我最简单的 WPF 应用程序的大小，并注意到控件根本没有响应。

注意：我尝试了Grid 、 WievBox 、 Canvas等各种控件的共生，但无济于事。

这是 XAML 代码，确切地说是我需要获得可调整大小（响应）相应不同分辨率（纵横比）的控件。

<Window x:Class="WpfApplication6.MainWindow"
    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:WpfApplication6"
    mc:Ignorable="d"
    Title="MainWindow" Height="768" Width="1024" MinHeight="768" MinWidth="1024" MaxHeight="1080" MaxWidth="1920" WindowStartupLocation="CenterScreen" >
<Grid>
    <Ellipse HorizontalAlignment="Left" Height="100" Margin="576,278,0,0" Stroke="Black" VerticalAlignment="Top" Width="100"/>
    <Rectangle HorizontalAlignment="Left" Height="100" Margin="559,518,0,0" Stroke="Black" VerticalAlignment="Top" Width="100"/>
    <Label x:Name="label" Content="Label"  FontStretch="Normal" FontSize="24" HorizontalAlignment="Left" Margin="595,230,0,0" VerticalAlignment="Top" Height="43" Width="64"/>
    <Button x:Name="button" Content="Button"  FontSize="24" HorizontalAlignment="Left" Margin="720,427,0,0" VerticalAlignment="Top" Width="83" Height="38"/>


</Grid>

PS像 Nathan 和 McDonald 这样的作家在他们的书中宣传了 WPF，这是您制作自适应和响应式应用程序所需的。 但是，经过几天的寻找解决方案后，我对此表示怀疑。 我认为至少在应用程序的适应性和响应性方面，WPF 与 Windows Form 相比并没有太大进展。 所以有人可以帮我解决这个问题。 提前致谢！

Answer 1

不要使用Margin来定位控件，使用诸如ColumnDefinition和RowDefinition类的网格属性以及诸如Auto和*值

<Grid.ColumnDefinitions>
        <ColumnDefinition Width="2*" />
        <ColumnDefinition Width="1*" />
        <ColumnDefinition Width="1*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="2*" />
        <RowDefinition Height="1*" />
        <RowDefinition Height="1*" />
    </Grid.RowDefinitions>

不错的小教程

Answer 2

将RowDefinition和ColumnDefinton用于您的 Grid 控件，而不是使用Margin来放置您的控件。 还要用Stretch替换 Ellipse 和 Rectangle 的 Height 和 Width 属性。

<Window x:Class="WpfApplication6.MainWindow"
    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:WpfApplication6"
    mc:Ignorable="d"
    Title="MainWindow" Height="768" Width="1024" MinHeight="768" MinWidth="1024" MaxHeight="1080" MaxWidth="1920" WindowStartupLocation="CenterScreen" >

 <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <Ellipse Grid.Row="0"
             Stretch="Fill"
             Stroke="Black" />
    <Rectangle Grid.Row="1"
               Stretch="Fill"
               Stroke="Black" />
    <Label Grid.Row="2"
           x:Name="label"
           Content="Label"
           FontStretch="Normal"
           FontSize="24" />
    <Button Grid.Row="3"
            x:Name="button"
            Content="Button"
            FontSize="24" />
 </Grid>
</Window>

Answer 3

谢谢大家，当然，但这不是解决方案。 请参阅下面的屏幕。

如您所见，所有对我来说都很重要的控制“游”向左。