.NET MAUI .NET 8中如何禁用按钮点击时的灰色反馈

升级到.NET 8后，MAUI按钮默认的点击灰色反馈会覆盖自定义背景色，以下是几种可行的解决方法：

方法1：正确配置VisualStateManager覆盖Pressed状态 #

如果之前尝试VisualStateManager无效，大概率是样式优先级或配置不全的问题，以下是完整的样式配置：

示例XAML代码 #

<Button Text="测试按钮" Command="{Binding TestCommand}">
    <Button.Style>
        <Style TargetType="Button">
            <!-- 默认背景色 -->
            <Setter Property="BackgroundColor" Value="#5983FC" />
            <Setter Property="TextColor" Value="White" />
            <Setter Property="VisualStateManager.VisualStateGroups">
                <VisualStateGroupList>
                    <VisualStateGroup x:Name="CommonStates">
                        <!-- 正常状态 -->
                        <VisualState x:Name="Normal" />
                        <!-- 按压状态：强制设置为自定义背景色 -->
                        <VisualState x:Name="Pressed">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="#5983FC" />
                                <Setter Property="TextColor" Value="White" />
                            </VisualState.Setters>
                        </VisualState>
                        <!-- 禁用状态可选配置 -->
                        <VisualState x:Name="Disabled">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="#A05983FC" />
                                <Setter Property="TextColor" Value="#CCCCCC" />
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateGroupList>
            </Setter>
        </Style>
    </Button.Style>
</Button>

注意：如果你的按钮使用了全局默认样式，需要在自定义样式中添加BasedOn="{StaticResource DefaultButtonStyle}"确保继承后覆盖对应属性。

方法2：通过Handler修改平台特定反馈 #

不同平台的按钮反馈由原生控件控制，可通过自定义Handler直接禁用或修改原生行为：

步骤1：在MauiProgram.cs中注册Handler #

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .ConfigureMauiHandlers(handlers =>
    {
#if ANDROID
        handlers.AddHandler(typeof(Button), typeof(CustomButtonHandler));
#elif IOS
        handlers.AddHandler(typeof(Button), typeof(CustomButtonHandler));
#endif
    });

步骤2：实现Android平台的CustomButtonHandler #

using Microsoft.Maui.Handlers;
using Microsoft.Maui.Platform;

namespace YourAppNamespace.Handlers;

public class CustomButtonHandler : ButtonHandler
{
    protected override void ConnectHandler(MauiButton platformView)
    {
        base.ConnectHandler(platformView);
        // 禁用Ripple波纹效果，设置按压时背景色不变
        platformView.RippleColor = Android.Graphics.Color.Transparent;
        platformView.SetBackgroundColor(Android.Graphics.Color.ParseColor("#5983FC"));
    }
}

步骤3：实现iOS平台的CustomButtonHandler #

using Microsoft.Maui.Handlers;
using UIKit;

namespace YourAppNamespace.Handlers;

public class CustomButtonHandler : ButtonHandler
{
    protected override void ConnectHandler(UIButton platformView)
    {
        base.ConnectHandler(platformView);
        // 设置Normal和Highlighted状态的背景色一致
        var customColor = UIColor.FromHexString("#5983FC");
        platformView.SetBackgroundImage(UIImage.FromColor(customColor), UIControlState.Normal);
        platformView.SetBackgroundImage(UIImage.FromColor(customColor), UIControlState.Highlighted);
    }
}

方法3：自定义无反馈Button控件 #

通过重写按钮的按压事件逻辑，完全跳过默认反馈：

using Microsoft.Maui.Controls;

namespace YourAppNamespace.Controls;

public class NoFeedbackButton : Button
{
    protected override void OnPressed()
    {
        // 直接执行命令，不触发基类的默认按压反馈
        Command?.Execute(CommandParameter);
    }

    protected override void OnReleased()
    {
        // 跳过基类的释放逻辑，避免恢复默认状态的额外操作
    }
}

使用时直接在XAML中引用自定义控件：

<local:NoFeedbackButton BackgroundColor="#5983FC" 
                        Text="无反馈按钮"
                        Command="{Binding TestCommand}" />

原问题相关代码参考 #

原XAML代码

<Button BackgroundColor="#5983FC" 
        Text="点击测试"
        Command="{Binding TestCommand}" />

原ViewModel代码

public ICommand TestCommand => new Command(() =>
{
    // 业务逻辑实现
});

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