为什么无论我尝试什么解决方案，我的 DataGrid 都会离开​​屏幕？

Question

我是 C# 和 WPF 的新手，试图获得我认为简单的东西，但它不起作用。

我有一个由 SQL 填充的数据网格，无论我尝试什么，我都无法让 DataGrid 的 Height 留在窗口内。它总是向下延伸。我希望它对窗口大小是动态的。

下面是我非常简单的代码，或者至少是最近的一次迭代。

<Page x:Class="TMSMaintenance.PaymentError"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="clr-namespace:TMSMaintenance"
      Title="PaymentError">

    <!--<DataGrid Name="MydataGrid" CanUserAddRows="False" SelectionMode="Single" />-->

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

        <DockPanel Grid.Row="0" VerticalAlignment="Stretch" >

            <DataGrid x:Name="MydataGrid" 
                      VerticalAlignment="Stretch" 
                      MinHeight="100" 
                      VerticalScrollBarVisibility="Auto" VerticalContentAlignment="Stretch">                    
            </DataGrid>               
        </DockPanel>           
    </Grid>        
</Page>

我已经尝试使用ScrollView 进行包装——它没有用。我尝试通过将Height 绑定到窗口来设置它 - 它不起作用。我试过Grid.RowDefinition Height = "*" 和"1*" - 它没有用。 VerticalAlignment = "Stretch" 也没有用。

那么我错过了什么？

编辑：也许我还应该说这是在框架标签内调用的Page 文件上。不确定它是否在这里有所作为。

 <StackPanel CanVerticallyScroll="True" CanHorizontallyScroll="True">
        <!-- Navigation -->
        <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
            <Button Content="Files Lookup" Margin="0,0,10,0"/>
            <Button Content="Payment Error" Margin="0,0,10,0"/>
            <Button Content="Carrier Maintenance" Margin="0,0,10,0"/>
            <Button Content="Payment File" Margin="0,0,10,0" />
        </StackPanel>
        <ScrollViewer>
            <Frame x:Name="MainFrame" NavigationUIVisibility="Hidden" ></Frame>
        </ScrollViewer>               
    </StackPanel>

Answer 1

摆脱那个DockPanel。 Grid 是一个更灵活的控件容器，您根本不需要将容器打包到容器中。仅此一项就可以解决问题。

最好的做法是根本不使用DockPanels。绝不。使用DockPanels 可以实现的一切都可以通过Grids 实现（需要更多的编码，但它为您提供更灵活的解决方案和更好的代码可维护性）。

同时摆脱VerticalContentAlignment（在您描述的情况下不需要）并且您不需要将VerticalAlignment（也不是HorizontalAlignment）定义为Stretch，因为它是该属性的默认值。

编辑： 我没有注意到您的代码的第二个示例。我之前写的所有内容仍然适用并且会使您的代码更好，但我认为您的问题在于将您的 Page 嵌套在您的主容器中（Window 或其他任何内容）。

尝试替换：

<StackPanel CanVerticallyScroll="True" CanHorizontallyScroll="True">
        <!-- Navigation -->
        <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
            <Button Content="Files Lookup" Margin="0,0,10,0"/>
            <Button Content="Payment Error" Margin="0,0,10,0"/>
            <Button Content="Carrier Maintenance" Margin="0,0,10,0"/>
            <Button Content="Payment File" Margin="0,0,10,0" />
        </StackPanel>
        <ScrollViewer>
            <Frame x:Name="MainFrame" NavigationUIVisibility="Hidden" ></Frame>
        </ScrollViewer>               
    </StackPanel>

收件人：

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

    <StackPanel Grid.Row="0"
                Orientation="Horizontal" 
                Margin="0,10,0,0">
        <StackPanel.Resources>
            <Style TargetType="{x:Type Button}">
                <Setter Property="Margin" Value="0,0,10,0" />
            </Style>
        </StackPanel.Resources>

        <Button Content="Files Lookup"/>
        <Button Content="Payment Error"/>
        <Button Content="Carrier Maintenance"/>
        <Button Content="Payment File"/>
    </StackPanel>

    <Frame x:Name="MainFrame" 
            Grid.Row="1"
            NavigationUIVisibility="Hidden" />
</Grid>

我还简化了您在 Buttons 上的样式，建议您将 Page 更改为 UserControl。