使用MaterialDesignInXAML的WPF Snackbar MVVM模式不显示消息问题

嘿，我之前在MaterialDesignInXAML里用MVVM搞Snackbar的时候也踩过这个不显示的坑！咱们一步步来排查最可能的问题：

• 确保ViewModel实现了INotifyPropertyChanged
  从你给出的代码片段来看，你的消息队列属性大概率没有实现属性变更通知，这会导致View无法感知到队列的存在。你需要给ViewModel添加属性变更通知的逻辑：

  using System.ComponentModel;
  using System.Runtime.CompilerServices;
  using MaterialDesignThemes.Wpf;
  
  public class MainScreenViewModel : INotifyPropertyChanged
  {
      private SnackbarMessageQueue _messageQueue;
      public SnackbarMessageQueue MessageQueue
      {
          get => _messageQueue;
          set
          {
              if (_messageQueue != value)
              {
                  _messageQueue = value;
                  OnPropertyChanged();
              }
          }
      }
  
      public MainScreenViewModel()
      {
          MessageQueue = new SnackbarMessageQueue(TimeSpan.FromMilliseconds(8000));
      }
  
      // 实现INotifyPropertyChanged接口
      public event PropertyChangedEventHandler PropertyChanged;
      protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
      {
          PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
      }
  
      // 示例：添加消息的方法
      public void ShowSnackbarMessage(string message)
      {
          MessageQueue.Enqueue(message);
      }
  }
  

• 检查XAML中的绑定和DataContext设置
  首先要确保Snackbar的MessageQueue属性正确绑定到ViewModel的对应属性，同时页面/窗口的DataContext要指向你的MainScreenViewModel实例：

  <!-- 窗口/页面的根元素 -->
  <Window x:Class="YourNamespace.MainWindow"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
          xmlns:local="clr-namespace:YourNamespace">
      <Window.DataContext>
          <!-- 直接在XAML中实例化ViewModel -->
          <local:MainScreenViewModel />
      </Window.DataContext>
  
      <Grid>
          <!-- 你的其他界面元素 -->
          
          <!-- 放置Snackbar，确保在视觉树的合适层级，不要被遮挡 -->
          <materialDesign:Snackbar 
              MessageQueue="{Binding MessageQueue}"
              HorizontalAlignment="Stretch"
              VerticalAlignment="Bottom" />
      </Grid>
  </Window>
  

  如果你是在代码后台设置DataContext，要确保在InitializeComponent()之后设置：

  public MainWindow()
  {
      InitializeComponent();
      DataContext = new MainScreenViewModel();
  }
  

• 确认消息的触发方式正确
  在MVVM模式下，你不能直接调用Snackbar的Show方法，而是要通过往绑定的SnackbarMessageQueue里添加消息来触发显示。比如在ViewModel的命令或者方法中调用：

  // 示例：点击按钮触发的命令方法
  private void OnShowMessageCommandExecuted()
  {
      MessageQueue.Enqueue("这是一条测试Snackbar消息！");
  }
  

• 排查视觉树和资源引入问题

  • 确保Snackbar没有被其他控件遮挡，建议放在窗口的根Grid底部，设置HorizontalAlignment="Stretch"保证宽度正确。
  • 检查App.xaml中是否正确引入了MaterialDesign的主题资源，这是控件正常工作的前提：

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <materialDesign:BundledTheme BaseTheme="Light" PrimaryColor="DeepPurple" SecondaryColor="Lime" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
    

先从属性变更通知和绑定设置这两个最常见的点入手排查，这也是MVVM模式下控件不响应的核心原因。如果还是不行，可以检查一下是否有其他控件覆盖了Snackbar，或者队列的消息是否被正确添加。

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