如何为.NET MAUI自定义控件的按钮设置带不同值的CommandParameter？

1. 定义自定义参数类 #

创建用于传递命令参数的类，包含所需的两个属性（示例以移动方向和按压状态为例）：

public class MoveCommandParameter
{
    // 移动方向（如Forward/Backward/Left/Right）
    public string Direction { get; set; }
    // 按压状态（Pressed为true，Released为false）
    public bool IsActive { get; set; }
}

若需要支持属性变更通知，可实现INotifyPropertyChanged接口，仅作为命令参数时上述代码即可满足需求。

2. 配置ViewModel中的命令 #

确保ViewModel的MoveCommand能接收MoveCommandParameter类型的参数：

public ICommand MoveCommand => new Command<MoveCommandParameter>(ExecuteMove);

private void ExecuteMove(MoveCommandParameter parameter)
{
    if (parameter == null) return;

    switch (parameter.Direction)
    {
        case "Forward":
            HandleMovement(parameter.IsActive, "forward");
            break;
        case "Backward":
            HandleMovement(parameter.IsActive, "backward");
            break;
        case "Left":
            HandleMovement(parameter.IsActive, "left");
            break;
        case "Right":
            HandleMovement(parameter.IsActive, "right");
            break;
    }
}

private void HandleMovement(bool isActive, string direction)
{
    if (isActive)
    {
        // 执行对应方向的按压逻辑
    }
    else
    {
        // 执行对应方向的释放逻辑
    }
}

3. 在XAML中设置CommandParameter #

首先在XAML根元素添加自定义类的命名空间引用（替换为你的实际命名空间）：

xmlns:local="clr-namespace:YourApp.ViewModels"

然后为每个按钮的EventToCommandBehavior配置对应的自定义类实例：

<!-- 前进按钮 -->
<Button x:Name="forward" Grid.Column="1">
    <Button.ImageSource>
        <FontImageSource
            Color="{x:Binding TextColor}"
            BindingContext="{x:Reference forward}"
            FontFamily="icomoon"
            Glyph="&#xe901;" />
    </Button.ImageSource>
    <Button.Behaviors>
        <toolkit:EventToCommandBehavior
            Command="{Binding MoveCommand}"
            EventName="Pressed">
            <toolkit:EventToCommandBehavior.CommandParameter>
                <local:MoveCommandParameter Direction="Forward" IsActive="True" />
            </toolkit:EventToCommandBehavior.CommandParameter>
        </toolkit:EventToCommandBehavior>
        <toolkit:EventToCommandBehavior
            Command="{Binding MoveCommand}"
            EventName="Released">
            <toolkit:EventToCommandBehavior.CommandParameter>
                <local:MoveCommandParameter Direction="Forward" IsActive="False" />
            </toolkit:EventToCommandBehavior.CommandParameter>
        </toolkit:EventToCommandBehavior>
    </Button.Behaviors>
</Button>

<!-- 后退按钮示例 -->
<Button x:Name="backward" Grid.Column="0">
    <Button.ImageSource>
        <FontImageSource
            Color="{x:Binding TextColor}"
            BindingContext="{x:Reference backward}"
            FontFamily="icomoon"
            Glyph="&#xe902;" />
    </Button.ImageSource>
    <Button.Behaviors>
        <toolkit:EventToCommandBehavior
            Command="{Binding MoveCommand}"
            EventName="Pressed">
            <toolkit:EventToCommandBehavior.CommandParameter>
                <local:MoveCommandParameter Direction="Backward" IsActive="True" />
            </toolkit:EventToCommandBehavior.CommandParameter>
        </toolkit:EventToCommandBehavior>
        <toolkit:EventToCommandBehavior
            Command="{Binding MoveCommand}"
            EventName="Released">
            <toolkit:EventToCommandBehavior.CommandParameter>
                <local:MoveCommandParameter Direction="Backward" IsActive="False" />
            </toolkit:EventToCommandBehavior.CommandParameter>
        </toolkit:EventToCommandBehavior>
    </Button.Behaviors>
</Button>

其余左右按钮只需修改Direction属性值为Left或Right即可。这样每个按钮的Pressed和Released事件都会传递对应状态的自定义类实例，ViewModel可根据参数执行相应逻辑。

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