WPF中Grid的SizeChanged事件在MVVM模式下绑定失效问题

可能的原因 #

• SizeChanged事件未实际触发
  你给目标Grid绑定了固定的Width和Height到GridWidth、GridHeight属性：

  <Grid Width="{Binding GridWidth}" Height="{Binding GridHeight}">
  

  如果这两个ViewModel属性的值没有发生变化，或者变化后未触发INotifyPropertyChanged通知，Grid的ActualWidth/ActualHeight不会改变，自然不会触发SizeChanged事件。另外，外层的ScrollViewer允许内容滚动，即使父容器尺寸变化，内部Grid因绑定固定宽高也不会自适应调整，进一步导致事件无法触发。

• 命令绑定模式错误
  InvokeCommandAction的Command绑定使用了Mode=TwoWay：

  <i:InvokeCommandAction Command="{Binding OnSizeChanged, Mode=TwoWay}" />
  

  ICommand是单向绑定，TwoWay模式在这里完全无效，甚至可能引发绑定异常，导致命令无法被正确关联。

• RelayCommand与事件参数不匹配
  SizeChanged事件会传递SizeChangedEventArgs参数，但你的Resize()方法是无参的。如果你的RelayCommand实现要求参数类型匹配，就会因为参数不兼容导致命令无法执行。

修复步骤 #

1. 确保Grid尺寸确实会变化

   • 检查GridWidth和GridHeight属性是否正确实现了INotifyPropertyChanged，在值更新时触发PropertyChanged事件：

     private double _gridWidth;
     public double GridWidth
     {
         get => _gridWidth;
         set
         {
             _gridWidth = value;
             OnPropertyChanged(nameof(GridWidth));
         }
     }
     // GridHeight属性同理
     

   • 如果需要Grid自适应父容器尺寸，直接移除Width和Height绑定，让Grid随ScrollViewer视口变化而调整。

2. 修正命令绑定模式
   移除Mode=TwoWay，保持默认的单向绑定：

   <i:InvokeCommandAction Command="{Binding OnSizeChanged}" />
   

3. 适配RelayCommand参数（可选）
   如果需要接收SizeChanged事件的参数，调整ViewModel和XAML：

   • ViewModel修改：

     public ICommand OnSizeChanged { get; set; }
     public MainWindowViewModel()
     {
         OnSizeChanged = new RelayCommand<SizeChangedEventArgs>(Resize);
     }
     public void Resize(SizeChangedEventArgs e)
     {
         // 处理尺寸变化逻辑，比如获取新尺寸：e.NewSize.Width
     }
     

   • XAML修改：

     <i:InvokeCommandAction Command="{Binding OnSizeChanged}" PassEventArgsToCommand="True" />
     

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