Xamarin自定义渲染器修改Entry边框色后，点击按钮重置无效求助

我来帮你搞定这个问题！你遇到的情况其实很典型——自定义渲染器如果没处理属性变更通知，运行时修改BorderColor就不会同步到原生控件上。咱们一步步来修复：

问题根源 #

你的自定义Entry控件（或渲染器）没有监听BorderColor属性的变化，导致只有初始化时的颜色生效，后续点击按钮修改属性时，原生UI根本没收到更新通知。

解决方案步骤 #

1. 确保自定义Entry控件实现属性变更支持 #

首先，你需要有一个继承自Entry的自定义控件类（比如BorderedEntry），其中BorderColor属性要通过BindableProperty定义，这样才能支持属性变更通知：

public class BorderedEntry : Entry
{
    // 定义可绑定属性，用于BorderColor
    public static readonly BindableProperty BorderColorProperty =
        BindableProperty.Create(
            nameof(BorderColor), 
            typeof(Color), 
            typeof(BorderedEntry), 
            default(Color));

    public Color BorderColor
    {
        get => (Color)GetValue(BorderColorProperty);
        set => SetValue(BorderColorProperty, value);
    }
}

2. 在自定义渲染器中监听属性变化 #

接下来，修改你的自定义渲染器，重写OnElementPropertyChanged方法，当BorderColor属性变化时，更新原生控件的边框颜色：

Android 渲染器代码

[assembly: ExportRenderer(typeof(BorderedEntry), typeof(BorderedEntryRenderer))]
namespace YourAppNamespace.Droid.Renderers
{
    public class BorderedEntryRenderer : EntryRenderer
    {
        public BorderedEntryRenderer(Context context) : base(context) { }

        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);
            if (Control != null && e.NewElement != null)
            {
                // 初始化时设置一次边框颜色
                UpdateBorderColor();
            }
        }

        protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);
            // 监听BorderColor属性变化
            if (e.PropertyName == BorderedEntry.BorderColorProperty.PropertyName)
            {
                UpdateBorderColor();
            }
        }

        private void UpdateBorderColor()
        {
            var borderedEntry = (BorderedEntry)Element;
            // 用GradientDrawable设置边框（更灵活，支持透明背景+边框）
            var gradientDrawable = new GradientDrawable();
            gradientDrawable.SetStroke(2, borderedEntry.BorderColor.ToAndroid()); // 2是边框宽度
            gradientDrawable.SetColor(Android.Graphics.Color.Transparent);
            Control.SetBackground(gradientDrawable);
        }
    }
}

iOS 渲染器代码

[assembly: ExportRenderer(typeof(BorderedEntry), typeof(BorderedEntryRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class BorderedEntryRenderer : EntryRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);
            if (Control != null && e.NewElement != null)
            {
                UpdateBorderColor();
            }
        }

        protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);
            if (e.PropertyName == BorderedEntry.BorderColorProperty.PropertyName)
            {
                UpdateBorderColor();
            }
        }

        private void UpdateBorderColor()
        {
            var borderedEntry = (BorderedEntry)Element;
            Control.Layer.BorderColor = borderedEntry.BorderColor.ToCGColor();
            Control.Layer.BorderWidth = 2; // 边框宽度
            Control.Layer.CornerRadius = 5; // 可选：给Entry加圆角
        }
    }
}

3. 修正XAML中的控件引用 #

注意！你之前XAML里写的local:BorderedEntryRenderer是错误的——渲染器是后台逻辑类，XAML中应该使用自定义控件BorderedEntry：

<local:BorderedEntry x:Name="NameEntry" 
                     HorizontalOptions="EndAndExpand" 
                     VerticalOptions="Start" 
                     WidthRequest="210" 
                     Text="{Binding ProfileName}" 
                     BorderColor="Chocolate" />

4. 保留你的点击事件代码 #

现在你的点击事件代码可以完全不变，修改BorderColor时会自动触发渲染器更新UI：

public void EditProfile_Clicked(System.Object sender, System.EventArgs e) 
{ 
    NameEntry.BorderColor = Color.Blue; 
}

为什么这样能解决问题？ #

通过BindableProperty定义的属性，当值变化时会自动触发PropertyChanged事件；渲染器通过重写OnElementPropertyChanged监听这个事件，一旦检测到BorderColor变化，就调用UpdateBorderColor方法同步到原生控件，这样点击按钮修改颜色时，iOS和Android的UI都会实时更新啦！

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