如何获得与屏幕分辨率相对应的可调整大小的控件?

时间:2018-08-21 05:24:49

标签: c# wpf resize controls

正面临以下问题: 我试图调整最简单的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>

P.S。。诸如Nathan和McDonald之类的作家在他们的书中广播说,WPF是自适应和响应式应用程序制作所必需的。但是,经过几天的寻找解决方案,我感到怀疑。我认为至少在应用程序的适应响应度方面,WPF与Windows Form相比并没有取得太大进展。 所以有人可以帮助我。 预先感谢!

3 个答案:

答案 0 :(得分:1)

不要使用Margin来放置控件,而是将ColumnDefinitionRowDefinition这样的网格属性与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>

Nice little tutorial

答案 1 :(得分:-1)

RowDefinition ColumnDefiniton 用于网格控件,而不是使用 Margin 放置控件。还要用 Stretch 替换“椭圆”和“矩形”的“高度”和“宽度”属性。

<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>

Small Big

答案 2 :(得分:-4)

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

min resolution max resolution

如您所见,对我而言所有重要的控制项都向左控制“ swam”。