Avalonia UI中修改IsVisible隐藏Grid列失效问题求助

在基于MVVM、响应式架构的Avalonia UI桌面应用中，点击按钮拆分窗口后，新窗口能正常创建并绑定ViewModel，但主窗口UserControl中指定的Grid列无法隐藏。初始化时设置IsVisible为False能生效，但按钮点击后修改对应属性无任何反应。

现有代码概况 #

视图模型（UserControl1ViewModel） #

namespace myavaloniaapp.ViewModels
{
    public class UserControl1ViewModel : ReactiveObject
    {

        string WindowMode { get; set; } 

        public UserControl1ViewModel()
        {
             OnButtonClick9Async = ReactiveCommand.Create(splitwindow);
             // 其他初始化代码
        }

        private void splitwindow()
        {
            SecondaryWindow win2 = new SecondaryWindow(); // 创建新窗口
            win2.Show();
            win2.DataContext = this; // 绑定当前ViewModel
            WindowMode = "False"; // 试图通过此值隐藏Grid列
        }
    }
}

UserControl的AXAML代码 #

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:views="using:myavaloniaapp.Usercontrols"
             xmlns:vm="using:myavaloniaapp.ViewModels"
             x:Class="myavaloniaapp.Usercontrols.UserControl1">

    <Grid HorizontalAlignment="Stretch" DataContext="{Binding UserControl1ViewModel}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <Grid Grid.Column="0">
                  <Button Command="{Binding OnButtonClick9Async}">Split</Button>
                  <!-- 始终显示的视觉元素 -->
            </Grid>
            
            <Grid Grid.Column="1" IsVisible="{Binding WindowMode}">
                  <!-- 需要隐藏的视觉元素 -->
            </Grid>
    </Grid>
</UserControl>

已尝试的无效操作 #

• 调用以下代码触发主窗口重绘，无效果：

if (Avalonia.Application.Current.ApplicationLifetime is IClassicDesktopStyleApplicationLifetime desktop) 
{
    desktop.MainWindow.InvalidateVisual();
}

问题根源与解决方法 #

1. 属性未实现变更通知 #

虽然ViewModel继承了ReactiveObject，但WindowMode是普通自动属性，不会自动触发INotifyPropertyChanged事件，导致UI无法感知属性变更。ReactiveUI中需要用[Reactive]标记属性来自动生成通知，或者手动调用RaiseAndSetIfChanged。

2. 数据类型不匹配 #

IsVisible是布尔类型，但WindowMode定义为string类型，绑定过程中类型转换可能失效，应该直接使用bool类型。

修改后的ViewModel代码 #

namespace myavaloniaapp.ViewModels
{
    public class UserControl1ViewModel : ReactiveObject
    {
        // 用[Reactive]标记，自动生成属性变更通知
        [Reactive]
        public bool WindowMode { get; set; } = true; // 默认显示

        public ReactiveCommand<Unit, Unit> OnButtonClick9Async { get; }

        public UserControl1ViewModel()
        {
             OnButtonClick9Async = ReactiveCommand.Create(SplitWindow);
             // 其他初始化代码
        }

        private void SplitWindow()
        {
            SecondaryWindow win2 = new SecondaryWindow();
            win2.Show();
            win2.DataContext = this;
            WindowMode = false; // 直接设置布尔值
        }
    }
}

修改后的AXAML绑定 #

确保IsVisible绑定的是布尔类型属性：

<Grid Grid.Column="1" IsVisible="{Binding WindowMode}">
    <!-- 需要隐藏的视觉元素 -->
</Grid>

额外检查 #

确认UserControl的DataContext绑定正确：如果DataContext="{Binding UserControl1ViewModel}"是上级容器的属性，需确保上级DataContext确实包含该ViewModel实例；也可以直接在UserControl构造函数中设置DataContext = new UserControl1ViewModel();，避免绑定路径错误。

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