Android MAUI中Handler设置Switch的TrackColor切换后失效的解决办法

问题根源 #

当Switch在Android平台切换状态时，原生控件会重新加载默认的轨道Drawable，覆盖你初始化时通过SetColorFilter设置的自定义颜色，导致切换后颜色恢复默认。

解决方案 #

方案一：在Toggled事件中重新应用颜色设置 #

直接在Switch的Toggled事件回调里，再次执行轨道颜色设置逻辑，确保每次状态变更后都重新覆盖原生样式：

修改后台代码，补充MySwitchToggled方法：

private void MySwitchToggled(object sender, ToggledEventArgs e)
{
#if ANDROID
    var switchView = sender as Switch;
    if (switchView != null && switchView.Handler is ISwitchHandler handler)
    {
        var bgColor = Microsoft.Maui.Graphics.Colors.Gray;
        DependencyService.Get<INativeCalls>().ModifySwitchTrackColor(handler, switchView, bgColor);
    }
#endif
}

方案二：通过Handler监听属性变化（推荐） #

利用MAUI Handler的属性变更监听机制，让Switch每次IsToggled属性变化时自动重新应用颜色设置，无需手动处理事件：

修改ModifySwitchColors方法：

private void ModifySwitchColors()
{
#if ANDROID
    var bgColor = Microsoft.Maui.Graphics.Colors.Gray;
    SwitchHandler.Mapper.AppendToMapping("CustomColors", (handler, view) =>
    {
        // 初始化时设置颜色
        DependencyService.Get<INativeCalls>().ModifySwitchTrackColor(handler, view, bgColor);
        
        // 监听IsToggled属性变化，变化时重新设置
        view.PropertyChanged += (s, e) =>
        {
            if (e.PropertyName == nameof(Switch.IsToggled))
            {
                DependencyService.Get<INativeCalls>().ModifySwitchTrackColor(handler, view, bgColor);
            }
        };
    });
#endif
}

额外优化：避免重复创建ColorFilter #

可以在平台实现中缓存ColorFilter对象，避免每次创建新实例：

// 平台特定代码接口实现中添加缓存
private Android.Graphics.ColorFilter _trackColorFilter;

public void ModifySwitchTrackColor(ISwitchHandler handler, ISwitch view, Microsoft.Maui.Graphics.Color inColor)
{
    if (_trackColorFilter == null)
    {
        inColor.ToRgba(out var rByte, out var gByte, out var bByte, out var aByte);
        var color = new Android.Graphics.Color(rByte, gByte, bByte, aByte);
        _trackColorFilter = Build.VERSION.SdkInt >= BuildVersionCodes.Q
            ? new Android.Graphics.BlendModeColorFilter(color, Android.Graphics.BlendMode.SrcAtop)
            : new Android.Graphics.PorterDuffColorFilter(color, Android.Graphics.PorterDuff.Mode.SrcAtop);
    }
    
    handler.PlatformView.TrackDrawable.SetColorFilter(_trackColorFilter);
}

说明 #

方案二更符合MAUI的跨平台设计理念，通过Handler统一处理原生控件的样式更新，不需要在业务逻辑中重复编写平台特定代码。两种方案都能解决切换时颜色重置的问题，可根据项目需求选择。

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