WPF应用动态切换布局：TreeView与Logger组件布局问题排查

方案一：使用Expander控件简化布局（推荐） #

放弃手动控制Grid行和RowSpan，用Expander包裹Logger及分割线，自动处理显示/隐藏时的空间分配：

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

    <!-- 主TreeView，自动填充剩余空间 -->
    <TreeView Grid.Row="0" />

    <!-- 可折叠的Logger区域 -->
    <Expander Grid.Row="1" Header="Logger" IsExpanded="{Binding IsLoggerExpanded}">
        <DockPanel>
            <GridSplitter DockPanel.Dock="Top" Height="5" HorizontalAlignment="Stretch" Background="Gray"/>
            <TextBox x:Name="Logger" VerticalScrollBarVisibility="Auto" />
        </DockPanel>
    </Expander>
</Grid>

ViewModel中只需维护一个布尔属性：

private bool _isLoggerExpanded;
public bool IsLoggerExpanded
{
    get => _isLoggerExpanded;
    set
    {
        _isLoggerExpanded = value;
        OnPropertyChanged();
    }
}

// 确保实现INotifyPropertyChanged接口
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}

点击按钮时直接切换IsLoggerExpanded的值即可，Expander会自动折叠/展开Logger区域，TreeView自动填充空间，完全避免布局重叠问题。

方案二：绑定Grid行高度替代RowSpan #

如果坚持使用原Grid布局，可通过绑定Logger及分割线所在行的高度，替代RowSpan绑定：

1. ViewModel添加行高度属性：

private Visibility _loggerVisibility;
public Visibility LoggerVisibility
{
    get => _loggerVisibility;
    set
    {
        _loggerVisibility = value;
        OnPropertyChanged();
        OnPropertyChanged(nameof(LoggerRowHeight));
        OnPropertyChanged(nameof(SplitterRowHeight));
    }
}

public GridLength LoggerRowHeight => LoggerVisibility == Visibility.Visible ? new GridLength(200) : new GridLength(0);
public GridLength SplitterRowHeight => LoggerVisibility == Visibility.Visible ? new GridLength(5) : new GridLength(0);

// 同样需要实现INotifyPropertyChanged

2. XAML中绑定行高度：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="{Binding SplitterRowHeight}"/>
        <RowDefinition Height="{Binding LoggerRowHeight}"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <!-- TreeView固定占前2行，后续行高度为0时自动填充整个空间 -->
    <TreeView Grid.Row="0" Grid.RowSpan="2" />

    <GridSplitter Grid.Row="2" Visibility="{Binding LoggerVisibility}" HorizontalAlignment="Stretch"/>
    <TextBox x:Name="Logger" Grid.Row="3" Visibility="{Binding LoggerVisibility}" VerticalScrollBarVisibility="Auto"/>
</Grid>

方案三：修复Grid.RowSpan绑定失效问题 #

如果必须使用RowSpan绑定，需注意以下几点：

1. 确保ViewModel属性正确通知更新：RowSpan属性必须触发PropertyChanged事件，否则UI不会刷新。
2. 附加属性绑定写法正确：XAML中需明确绑定到Grid.RowSpan：

<TreeView Grid.Row="0" Grid.RowSpan="{Binding TreeViewRowSpan}" />

3. ViewModel中同步更新RowSpan：切换LoggerVisibility时同步修改TreeViewRowSpan：

private int _treeViewRowSpan = 2; // 默认Logger显示时的RowSpan
public int TreeViewRowSpan
{
    get => _treeViewRowSpan;
    set
    {
        _treeViewRowSpan = value;
        OnPropertyChanged();
    }
}

private Visibility _loggerVisibility;
public Visibility LoggerVisibility
{
    get => _loggerVisibility;
    set
    {
        _loggerVisibility = value;
        OnPropertyChanged();
        TreeViewRowSpan = value == Visibility.Visible ? 2 : 4; // 根据你的Grid行数量调整
    }
}

检查DataContext是否正确绑定到ViewModel，避免因上下文丢失导致绑定失效。

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