停止 Gridsplitter 将内容拉伸到窗口之外

Question

鉴于下面的 XAML，我如何让 gridsplitter 尊重第三行的 MinHeight 并使内容保留在我的窗口内？

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition MinHeight="40" />
    </Grid.RowDefinitions>
    <Expander Grid.Row="0" ExpandDirection="Down" VerticalAlignment="Top">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" MinHeight="40" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Border Grid.Row="0" MinHeight="100" Background="Black" />
            <GridSplitter Grid.Row="1" Height="5" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Background="LightBlue" ResizeBehavior="PreviousAndCurrent" />
        </Grid>
    </Expander>
    <Expander Grid.Row="1" ExpandDirection="Down" VerticalAlignment="Top">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" MinHeight="40" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Border Grid.Row="0" MinHeight="100" Background="Black" />
            <GridSplitter Grid.Row="1" Height="5" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Background="LightBlue" ResizeBehavior="PreviousAndCurrent" />
        </Grid>
    </Expander>
    <Border DockPanel.Dock="Bottom"  Grid.Row="2" Background="Lime" MinHeight="30" >
        <TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=DockPanel},Path=ActualHeight,StringFormat={}{0:f0}}" />
    </Border>
</Grid>

Answer 1

按照你的代码的方式，这是不可能完成的，伙计。这是由 GridSplitter 的工作原理决定的。

几点

• GridSplitter 将始终在直接相邻的行/列上工作
• 。实际上，您的 MinHeight 受到尊重，但是 GridSplitter 增长的请求也受到尊重，这会导致 Grid 增长得比您的 Window
• 当大小设置为 Auto 时，a行/列将始终根据其内容调整大小，不会更大，也不会更小
• 因此，如果 GridSplitter 夹在两个 * 大小的行/列之间，那么它将隐式尊重你的MinHeight，因为实际上，它不会触及它

你有一些解决方案

1. 在第三个位置添加另一行，其大小为*，并将边框放在第3行，RowSpan为2（所以第三行是确实调整了大小，并且您的第四行没有被触及，尽管这也会产生副作用，
2. 在 GridSplitter 上处理 DragEnter 和 PreviewMouseMove 事件，跟踪焦点并取消。 (e.Handled = true) 当达到一定大小时发生的事件，

这就是我能想到的，希望我能有所帮助。

Answer 2

我创建了一个自定义网格拆分器类，该类不允许网格拆分器离开窗口边缘（底部或侧面）。

Public Class CustomGridSplitter
Inherits GridSplitter

Public Enum SplitterDirectionEnum
    Horizontal
    Vertical
End Enum

Public Property SplitterDirection As SplitterDirectionEnum
Public Property MinimumDistanceFromEdge As Integer

Private _originPoint As Point

Private Sub customSplitter_MouseDown(sender As Object, e As MouseButtonEventArgs) Handles MyBase.MouseDown
    _originPoint = e.GetPosition(Window.GetWindow(Me))
End Sub

Private Sub customSplitter_PreviewMouseMove(sender As Object, e As MouseEventArgs) Handles MyBase.PreviewMouseMove

    If e.LeftButton = MouseButtonState.Pressed Then
        Dim pwindow As Window = Window.GetWindow(Me)
        Dim newPoint As Point = e.GetPosition(pwindow)

        If SplitterDirection = SplitterDirectionEnum.Horizontal Then
            If newPoint.Y >= _originPoint.Y Then
                If newPoint.Y >= pwindow.ActualHeight - MinimumDistanceFromEdge Then
                    e.Handled = True
                End If
            Else
                If newPoint.Y > pwindow.ActualHeight - (MinimumDistanceFromEdge + 2) Then
                    e.Handled = True
                End If
            End If
        Else
            If newPoint.X >= _originPoint.X Then
                If newPoint.X >= pwindow.ActualWidth - MinimumDistanceFromEdge Then
                    e.Handled = True
                End If
            Else
                If newPoint.X > pwindow.ActualWidth - (MinimumDistanceFromEdge + 2) Then
                    e.Handled = True
                End If
            End If
        End If


        _originPoint = newPoint
    End If
End Sub

End Class

要在 XAML 中使用它：

<CustomGridSplitter SplitterDirection="Vertical" MinimumDistanceFromEdge="100" x:Name="splitterCenter" ResizeDirection="Columns" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Stretch" Width="2" Margin="2,0,2,0"/>

要设置的自定义属性是“SplitterDirection”和“MinimumDistanceFromEdge”。一切都像基本网格分离器一样工作。

这使用鼠标事件来确定用户在窗口中拖动分隔符的位置，并在它们太靠近边缘时处理事件。

Answer 3

我找到了解决这个问题的另一种解决方案，尽管在一个更简单的情况下，我在一个窗口中有两列，我想调整大小。

我想出的解决方案（此处更详细地描述：https://stackoverflow.com/a/46924893/6481970) 的目的是添加事件回调，用于调整网格大小、移动 GridSplitter 以及调整窗口大小时（以处理将窗口大小调整为不再适合内容，因为网格不会自动调整自身大小以适应较小的窗口）。

下面是一些简化的代码：

XAML：

<Grid x:Name="ResizeGrid" SizeChanged="ResizeGrid_SizeChanged">
    <Grid.ColumnDefinitions>
        <ColumnDefinition x:Name="C0" Width="150" MinWidth="50" />
        <ColumnDefinition Width="5" />
        <ColumnDefinition x:Name="C2" Width="*" MinWidth="50" />
    </Grid.ColumnDefinitions>

    <Grid Grid.Column="0" Background="Green" />
    <GridSplitter Grid.Column="1" Width="5" HorizontalAlignment="Stretch" DragCompleted="GridSplitter_DragCompleted" />
    <Grid Grid.Column="2" Background="Red" />
</Grid>

C# 代码隐藏：

C0.MaxWidth = Math.Min(ResizeGrid.ActualWidth, ActualWidth) - (C2.MinWidth + 5);