WPF MVVM 自定义标题

Question

我决定在 WPF 中为我的程序制作自定义标题，但遇到了困难。

我开始研究 MVVM 模式及其本质，以摆脱在 View 中使用标准事件。 我想制作按钮来关闭、最小化和最大化 window，但遇到了困难。 我不明白这些按钮的逻辑应该在哪里。 如果您不使用标准事件，而是使用命令，它将无法正常工作，因为 ViewModel 对 window 一无所知。 而且我不想使用事件。

我找到了 window 关闭按钮的解决方案

<i:Interaction.Triggers>
    <i:EventTrigger EventName="Click">
    <i:CallMethodAction MethodName="Close"
                        TargetObject="{Binding RelativeSource={RelativeSource
                                                Mode=FindAncestor,
                                                AncestorType=Window}}" />
    </i:EventTrigger>
</i:Interaction.Triggers>

但我不知道如何以同样的方式完成其他两个按钮。 我试图找到可以在这里使用的其他 MethodNames，但我只找到了方法 Hide，但它不适合我，因为它完全隐藏了 window，它既不在任务栏上，也不在托盘中，但它仍在运行并且在任务管理器中可见。

您能告诉我如何通过 XAML 代码执行相同的 window 最小化和调整大小吗？

升级版：

我找到了一种最小化 window 的方法，但我仍然不知道如何制作一个按钮，如果 WindowState 最大化，反之亦然。

<i:Interaction.Triggers>
    <i:EventTrigger EventName="Click">
        <i:ChangePropertyAction PropertyName="WindowState"
            TargetObject="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}"
            Value="{Binding Source={x:Static sys:WindowState.Minimized}}"
        />
    </i:EventTrigger>
</i:Interaction.Triggers>

Answer 1

在 MVVM 中，任何与 UI 相关的逻辑都必须在视图中。 这应该很清楚。

命令不仅限于查看 Model。 您的视图还可以定义命令。 特殊的ICommand实现是RoutedCommand 。 不要以为因为是命令，那么就必须在View Model中处理。

您不应该使用Interaction.Triggers ，尤其是在您的情况下。 如果你对 MVVM 不坚定， Interaction.Triggers很可能会引入代码异味。
只需在Window类的代码隐藏中为Button.Click事件创建一个事件处理程序，例如MainWindow.xaml.cs文件。

此外，没有理由绑定到 static 变量或常量或枚举。 直接引用即可：

<i:ChangePropertyAction Value="{x:Static sys:WindowState.Minimized}" ...  />

但是，要解决您的问题，只需在代码隐藏中添加一个事件处理程序：

主窗口.xaml

<Button Click="OnMaximizeButtonClicked"
        Content="Toggle Maximize" />

主窗口.xaml.cs

// Toggle the WindowState between Maximized and Normal
private void OnMaximizeButtonClicked(object sender, RoutedEventArgs e)
  => this.WindowState = this.WindowState == WindowState.Normal
    ? WindowState.Maximized
    : WindowState.Normal;

或者，使用路由命令（ 如何：创建 RoutedCommand ）：

主窗口.xaml

<Button Command="{x:Static local:MainWindow.ToggleMaximizeStateCommand}"
        Content="Toggle Maximize" />

主窗口.xaml.cs

partial class MainWindow : Window
{
  public static RoutedCommand ToggleMaximizeStateCommand { get; } = new RoutedCommand("ToggleMaximizeStateCommand", typeof(MainWindow));

  public MainWindow()
  {
    InitializeComponent();

    // Register the command handler
    var toggleMaximizeStateCommandBinding = new CommandBinding(
      ToggleMaximizeCommand, 
      ExecuteToggleMaximizeStateCommand, 
      CanExecuteToggleMaximizeStateCommand);
    this.CommandBindings.Add(toggleMaximizeCommandBinding);
  }
    
  // Toggle the WindowState between Maximized and Normal
  private void ExecuteToggleMaximizeStateCommand(object sender, ExecutedRoutedEventArgs e) 
    => this.WindowState = this.WindowState == WindowState.Normal
      ? WindowState.Maximized
      : WindowState.Normal;

  private void CanExecuteToggleMaximizeStateCommand(object sender, CanExecuteRoutedEventArgs e) 
    => e.CanExecute = true;
}