作为刚上手C# WPF的新手，你遇到的这个场景其实和MATLAB里的Panel切换逻辑很像，WPF里完全可以实现，而且有几种实用的方案，我帮你拆解一下：

一、最直接的方式：控制Grid的Visibility属性 #

这和你MATLAB里切换Panel可见性的思路完全一致。WPF的所有UIElement都有Visibility属性，核心可选值有两个（第三个Hidden会保留布局空间，不太适合切换场景）：

• Visible：元素正常显示
• Collapsed：元素隐藏，且不占据任何布局空间（推荐用这个来切换，避免留空隙）

示例代码： #

XAML部分

<Window x:Class="WpfGridSwitch.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Grid切换示例" Height="450" Width="800">
    <Grid>
        <!-- 切换按钮区域 -->
        <StackPanel Orientation="Horizontal" Margin="10">
            <Button Content="显示表格1" Click="ShowGrid1_Click" Margin="5"/>
            <Button Content="显示表格2" Click="ShowGrid2_Click" Margin="5"/>
            <Button Content="显示表格3" Click="ShowGrid3_Click" Margin="5"/>
        </StackPanel>

        <!-- 三个需要切换的Grid，初始只显示第一个 -->
        <Grid x:Name="GridTable1" Margin="10,50,10,10" Visibility="Visible">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <TextBlock Text="表格1内容" FontSize="16" Margin="5"/>
            <DataGrid Grid.Row="1" AutoGenerateColumns="False">
                <!-- 这里定义表格1的列和数据 -->
            </DataGrid>
        </Grid>

        <Grid x:Name="GridTable2" Margin="10,50,10,10" Visibility="Collapsed">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <TextBlock Text="表格2内容" FontSize="16" Margin="5"/>
            <DataGrid Grid.Row="1" AutoGenerateColumns="False">
                <!-- 这里定义表格2的列和数据 -->
            </DataGrid>
        </Grid>

        <Grid x:Name="GridTable3" Margin="10,50,10,10" Visibility="Collapsed">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <TextBlock Text="表格3内容" FontSize="16" Margin="5"/>
            <DataGrid Grid.Row="1" AutoGenerateColumns="False">
                <!-- 这里定义表格3的列和数据 -->
            </DataGrid>
        </Grid>
    </Grid>
</Window>

C#后台代码

private void ShowGrid1_Click(object sender, RoutedEventArgs e)
{
    GridTable1.Visibility = Visibility.Visible;
    GridTable2.Visibility = Visibility.Collapsed;
    GridTable3.Visibility = Visibility.Collapsed;
}

private void ShowGrid2_Click(object sender, RoutedEventArgs e)
{
    GridTable1.Visibility = Visibility.Collapsed;
    GridTable2.Visibility = Visibility.Visible;
    GridTable3.Visibility = Visibility.Collapsed;
}

private void ShowGrid3_Click(object sender, RoutedEventArgs e)
{
    GridTable1.Visibility = Visibility.Collapsed;
    GridTable2.Visibility = Visibility.Collapsed;
    GridTable3.Visibility = Visibility.Visible;
}

二、解决TabItem里放多Grid的问题 #

你说直接在TabItem里放多个Grid不可行，是因为TabItem的Content属性只能有一个子元素。而用StackPanel会有空隙，是因为StackPanel会按顺序垂直/水平排列元素，每个Grid都会占据自己的布局空间。

正确的做法是：用一个Grid作为TabItem的Content容器，把所有需要切换的Grid放在这个容器的同一个行和列里，这样它们会重叠在一起，再通过Visibility切换就不会有空隙了。

示例代码： #

<TabControl>
    <TabItem Header="表格切换页">
        <!-- 用一个Grid作为容器 -->
        <Grid>
            <!-- 多个Grid放在同一个单元格，重叠显示 -->
            <Grid x:Name="TabGrid1" Visibility="Visible">
                <!-- 表格1内容 -->
            </Grid>
            <Grid x:Name="TabGrid2" Visibility="Collapsed">
                <!-- 表格2内容 -->
            </Grid>
            <Grid x:Name="TabGrid3" Visibility="Collapsed">
                <!-- 表格3内容 -->
            </Grid>

            <!-- 切换按钮可以放在这个Grid的顶部 -->
            <StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="10">
                <Button Content="切换到表格1" Click="TabShowGrid1_Click" Margin="5"/>
                <Button Content="切换到表格2" Click="TabShowGrid2_Click" Margin="5"/>
            </StackPanel>
        </Grid>
    </TabItem>
</TabControl>

三、进阶方案：用ContentControl+DataTemplate（MVVM友好） #

如果之后你想采用MVVM模式开发，推荐用这种方式：定义不同的DataTemplate对应不同的表格内容，然后通过绑定ContentControl的Content属性来切换显示，不需要手动控制多个Grid的可见性。

示例代码： #

<Window.Resources>
    <!-- 定义表格1的模板 -->
    <DataTemplate x:Key="Table1Template">
        <Grid>
            <!-- 表格1的布局 -->
        </Grid>
    </DataTemplate>
    <!-- 定义表格2的模板 -->
    <DataTemplate x:Key="Table2Template">
        <Grid>
            <!-- 表格2的布局 -->
        </Grid>
    </DataTemplate>
</Window.Resources>

<Grid>
    <ContentControl x:Name="TableContainer" ContentTemplate="{StaticResource Table1Template}"/>
    
    <Button Content="切换到表格2" Click="SwitchToTable2_Click" Margin="10"/>
</Grid>

C#后台代码（MVVM模式下建议绑定ViewModel属性，这里是简单示例）

private void SwitchToTable2_Click(object sender, RoutedEventArgs e)
{
    TableContainer.ContentTemplate = (DataTemplate)Resources["Table2Template"];
}

内容的提问来源于stack exchange，提问作者deintag