.NET MAUI动态修改颜色问题：ImageButton的SVG图标不随DynamicResource变色

核心错误原因 #

你自定义的IconTintColorBehavior存在逻辑错误：在OnTintColorChanged方法中，错误修改了ImageButton.BackgroundColorProperty，而非图标对应的tint颜色属性，这就是背景色正常变化但SVG图标无反应的根本原因。

修正后的自定义Behavior代码 #

将OnTintColorChanged逻辑改为设置ImageButton的TintColor，同时补充附加时的初始颜色应用：

using Microsoft.Maui.Controls;
using Microsoft.Maui.Graphics;

namespace closet_app.Behaviors
{
    public class IconTintColorBehavior : Behavior<ImageButton>
    {
        public static readonly BindableProperty TintColorProperty =
            BindableProperty.Create(nameof(TintColor), typeof(Color), typeof(IconTintColorBehavior), Colors.Transparent,
                propertyChanged: OnTintColorChanged);

        public Color TintColor
        {
            get => (Color)GetValue(TintColorProperty);
            set => SetValue(TintColorProperty, value);
        }

        private static void OnTintColorChanged(BindableObject bindable, object oldValue, object newValue)
        {
            if (bindable is IconTintColorBehavior behavior && behavior.AssociatedObject != null)
            {
                // 正确设置ImageButton的图标tint颜色
                behavior.AssociatedObject.TintColor = (Color)newValue;
            }
        }

        protected override void OnAttachedTo(ImageButton bindable)
        {
            base.OnAttachedTo(bindable);
            AssociatedObject = bindable;
            // 附加控件时立即应用初始tint颜色
            if (TintColor != Colors.Transparent)
            {
                bindable.TintColor = TintColor;
            }
        }

        protected override void OnDetachingFrom(ImageButton bindable)
        {
            base.OnDetachingFrom(bindable);
            AssociatedObject = null;
        }

        private ImageButton? AssociatedObject { get; set; }
    }
}

更简便的实现方法（无需自定义Behavior） #

.NET MAUI的ImageButton原生支持TintColor属性，直接绑定DynamicResource即可，完全不需要额外编写Behavior：

<ImageButton Grid.Row="2" Grid.Column="3" 
             BackgroundColor="{DynamicResource SecondaryColor}" 
             CornerRadius="0" 
             Clicked="NavigateSettings" 
             BorderWidth="2" 
             BorderColor="Transparent" 
             Source="settingsicon.svg" 
             Padding="5" 
             x:Name="SettingsBTN"
             TintColor="{DynamicResource PrimaryColor}"/>

跨页面动态修改颜色的注意事项 #

• 若要实现跨页面颜色同步，需在应用级资源字典中更新DynamicResource，所有页面的引用会自动刷新：

  // 在任意页面修改全局动态资源
  Application.Current.Resources["PrimaryColor"] = Colors.Orange;
  Application.Current.Resources["SecondaryColor"] = Colors.Gray;
  

• 若使用页面级资源字典，仅当前页面及子元素生效，跨页面需确保资源字典为共享实例。

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