Avalonia.Labs.CommandManager 11.1.0

Avalonia.Labs.CommandManager

RoutedCommand 的 WPF 风格实现。

当前支持的流程如下

sequenceDiagram
    participant RotendCommand
    participant View
    participant CommandManager
    participant ViewModel
    participant TopLevel
    TopLevel->>CommandManager: Got Focus
    CommandManager->>RotendCommand: Raise CanExecuteChanged
    RotendCommand->>View: Raise CommandManager.CanExecuteEvent
    View->>CommandManager: Raise CommandManager.CanExecuteEvent
    CommandManager->>ViewModel: ICommand.CanExecute
    CommandManager->>RotendCommand: Handle=True
    RotendCommand->>View: Raise CommandManager.ExecuteEvent
    View->>CommandManager: Raise CommandManager.ExecuteEvent
    CommandManager->>ViewModel: ICommand.Execute

开始使用

1. 安装包

   dotnet add package package Avalonia.Labs.CommandManager
   

2. 添加 XML 命名空间

   <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:lab="using:Avalonia.Labs.Catalog"
   +             xmlns:rc="using:Avalonia.Labs.Input"
               mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
               xmlns:viewModels="using:Avalonia.Labs.Catalog.ViewModels"
               x:Class="Avalonia.Labs.Catalog.Views.RouteCommandView"
               x:DataType="viewModels:RouteCommandViewModel"
               HorizontalContentAlignment="Stretch"
               VerticalContentAlignment="Stretch"
               >
               ...
   </UserControl>
   

3. 定义您的 RouterCommands

   public static class ApplicationCommands
   {
       public readonly static RoutedCommand Open = new RoutedCommand(nameof(Open));
       public readonly static RoutedCommand Save = new RoutedCommand(nameof(Save));
   }
   

4. 为您的 RotedCommand 分配引用

           <UniformGrid Columns="2"
                       Grid.Column="2">
               <Button Content="Open"
                       Command="{x:Static lab:ApplicationCommands.Open}"
                       CommandParameter="{Binding .}"/>
               <Button Content="Save"
                       Command="{x:Static lab:ApplicationCommands.Save}"
                       CommandParameter="{Binding .}"/>
           </UniformGrid>
   

5. 将 RouterCommand 绑定到您的 ViewModel

   <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:lab="using:Avalonia.Labs.Catalog"
               xmlns:rc="using:Avalonia.Labs.Input"
               mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
               xmlns:viewModels="using:Avalonia.Labs.Catalog.ViewModels"
               x:Class="Avalonia.Labs.Catalog.Views.RouteCommandView"
               x:DataType="viewModels:RouteCommandViewModel"
               HorizontalContentAlignment="Stretch"
               VerticalContentAlignment="Stretch"
               >
   <rc:CommandManager.CommandBindings>
       <rc:CommandBinding Command="{x:Static lab:ApplicationCommands.Open}" ExecutingCommand="{Binding Open}" />
       <rc:CommandBinding Command="{x:Static lab:ApplicationCommands.Save}" ExecutingCommand="{Binding Save}" />
   </rc:CommandManager.CommandBindings>
   ...
   </UserControl>
   

您可以在此处查看完整的示例。

待办事项

• CommandTarget （需要修改 Avalonia）。