调整网格 wpf 内的用户控件和对象的大小

Question

我有一个 WPF 应用程序，我希望当用户将窗口大小调整为更小的尺寸时，所有控件都保持相同的高度和宽度，但显示滚动条。我首先将网格行和列、高度和宽度设置为自动，但是当我这样做时，我的所有控件都离开了页面。当我在行和列上设置大小时，一切看起来都很完美，除了窗口缩小时，一切都被挤压在一起。克服这个问题的最佳解决方案是什么？我的部分 xaml 代码如下所示

XAML

    <Grid Background="White" x:Name="GeologicalAnalysisUI">
    <Grid.RowDefinitions>
        <RowDefinition Height="20"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="255"/>
        <ColumnDefinition Width="0.8*"/>
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="1.3*"/>
        <ColumnDefinition Width="1.3*"/>
    </Grid.ColumnDefinitions>
    <Border BorderBrush="DimGray" Grid.Row="1" Grid.Column="1" BorderThickness="1" Grid.ColumnSpan="3" Margin="0,2,0,2" Grid.RowSpan="6">
    </Border>
    <Border BorderBrush="DimGray" Grid.Row="1" Grid.Column="4" BorderThickness="1" Margin="5,2,0,2" Grid.RowSpan="6">
    </Border>
    <Border Grid.Column="1" Grid.Row="0" BorderBrush="DimGray" BorderThickness="1,1,1,0" Margin="0,0,0,0" Height="23" Width="180" HorizontalAlignment="Left" VerticalAlignment="Top" Background="White" Grid.RowSpan="2">
        <TextBlock HorizontalAlignment="Left" Height="16" Margin="10,3,0,0" TextWrapping="Wrap" VerticalAlignment="Center" Width="233" FontSize="11"><Run Language="en-gb" Text="Geological characterisation"/><LineBreak/><Run Language="en-gb"/></TextBlock>
    </Border>
    <Border Grid.Column="4" Grid.Row="0" BorderBrush="DimGray" BorderThickness="1,1,1,0" Margin="5,0,0,0" Height="23" Width="150" HorizontalAlignment="Left" VerticalAlignment="Top" Background="White" Grid.RowSpan="2">
        <TextBlock HorizontalAlignment="Left" Height="17" Margin="10,3,0,0" TextWrapping="Wrap" VerticalAlignment="Center" Width="88" FontSize="11"><Run Language="en-gb" Text="Input data"/></TextBlock>
    </Border>
<Controls:SequenceTrendingControl x:Name="sequenceControlStratigraphy" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="25, 12, 0, 0"/>
    <TextBlock Text="Sequence Stratigraphy" FontFamily="{StaticResource FontFamily}" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="48,20,0,0" FontSize="11"/>
    <Path Data="M2.4,62 L103.4,62" HorizontalAlignment="Left" Height="1" Margin="22,42,0,0" Stretch="Fill" Stroke="#A8A8A8" VerticalAlignment="Top" Grid.Column="1" Grid.Row="1"/>
    <Controls:FitButtonControl x:Name="fitButtonControlStratigraphy" Grid.Row="1" Grid.Column="1" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,15,0,0"/>
    <Stratigraphy:StratiGraphControl x:Name="graphControlStatigraphy" Grid.Row="1" Grid.Column="1" Margin="5,49,5,5"  VerticalAlignment="Top" Grid.RowSpan="6" />

编辑

第一张图片来自我的笔记本电脑，您可以看到控件重叠

上面的图片是我桌面上显示的图片

现在我的问题是，无论它在哪个屏幕上，如何停止事物的重叠？

Answer 1

要在窗口大小更改时不调整 Grid 的大小，您可以将 Grid 包装在 ScrollViewer 元素中。这将为您的内容添加滚动条，而不是调整其大小。将VerticalScrollBarVisibility 和HorizontalScrollBarVisibility 设置为Auto 将仅在需要时显示滚动条。

<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
    <Grid Background="White" x:Name="GeologicalAnalysisUI">
        <!-- Your data -->
    </Grid>
</ScrollViewer>

除非ScrollViewer 是另一个具有特定大小集的控件的子元素，否则仍然可以进行放大。查看器本身设置了（最大）宽度/高度。