MAUI自定义BorderlessDatePicker无法移除下划线问题求助

我自定义了一个BorderlessDatePicker控件，代码如下：

public class BorderlessDatePicker : DatePicker
{
    public static readonly BindableProperty EnterTextProperty = 
        BindableProperty.Create(propertyName: "Placeholder", returnType: 
            typeof(string), declaringType: typeof(BorderlessDatePicker), defaultValue: 
                                                              default(string));
    public string Placeholder { get; set; }
}

我在XAML中将这个控件放在Frame内，选择日期后控件会显示下划线（如图：选择日期后的下划线效果）。我需要移除该下划线，并将文本颜色设置为黑色。

我尝试用以下Android平台的映射器代码处理，但选择日期后下划线依然存在（如图：问题效果1、问题效果2）：

#if ANDROID
            //handler.PlatformView.Background = null;

            //handler.PlatformView.LayoutParameters is null
            //var layoutParams = new Android.Views.ViewGroup.MarginLayoutParams(handler.PlatformView.LayoutParameters);
            //layoutParams.SetMargins(0, 0, 0, 0);
            //handler.PlatformView.LayoutParameters = layoutParams;
            //handler.PlatformView.SetPadding(70, 0, 0, 0);
            

            handler.PlatformView.BackgroundTintList = Android.Content.Res.ColorStateList.ValueOf(Android.Graphics.Color.Orange);

            BorderlessDatePicker? borderlessDatePicker = view as BorderlessDatePicker;
            if (borderlessDatePicker!=null && !string.IsNullOrWhiteSpace(borderlessDatePicker.Placeholder))
            {
                handler.PlatformView.Text = borderlessDatePicker.Placeholder;
            }

            handler.PlatformView.TextChanged += (sender, arg) => {
                var selectedDate = arg?.Text?.ToString();
                if (selectedDate == borderlessDatePicker?.Placeholder)
                {
                    handler.PlatformView.Text = DateTime.Now.ToString("dd/MM/yyyy");
                }
            };
#endif

针对Android平台上MAUI DatePicker的下划线问题，可通过以下步骤彻底移除下划线并设置文本颜色：

1. 修正自定义控件的可绑定属性 #

当前代码中EnterTextProperty命名与Placeholder属性不匹配，先修正可绑定属性的关联逻辑：

public class BorderlessDatePicker : DatePicker
{
    public static readonly BindableProperty PlaceholderProperty = 
        BindableProperty.Create(nameof(Placeholder), typeof(string), typeof(BorderlessDatePicker), string.Empty);
    
    public string Placeholder
    {
        get => (string)GetValue(PlaceholderProperty);
        set => SetValue(PlaceholderProperty, value);
    }
}

2. 完善Android平台的Handler映射逻辑 #

MAUI的DatePicker在Android底层对应EditText，下划线是其默认背景样式，需直接清除背景并设置文本颜色：

#if ANDROID
using Android.Graphics;
using Android.Widget;

// 替换原有Handler映射代码
var editText = handler.PlatformView as EditText;
if (editText == null) return;

// 彻底移除下划线：清空背景及背景色调
editText.Background = null;
editText.BackgroundTintList = null;

// 设置文本颜色为黑色
editText.SetTextColor(Color.Black);

// 用Android原生Hint实现Placeholder，避免和选中日期文本冲突
BorderlessDatePicker? borderlessDatePicker = view as BorderlessDatePicker;
if (borderlessDatePicker != null && !string.IsNullOrWhiteSpace(borderlessDatePicker.Placeholder))
{
    editText.Hint = borderlessDatePicker.Placeholder;
    // 可选：设置提示文本颜色
    editText.SetHintTextColor(Color.Gray);
}
#endif

3. 备选方案：使用自定义Renderer（若Handler映射不生效） #

如果上述方法仍有问题，可尝试兼容Xamarin的自定义Renderer方案：

#if ANDROID
[assembly: ExportRenderer(typeof(BorderlessDatePicker), typeof(BorderlessDatePickerRenderer))]
namespace YourAppNamespace.Platforms.Android
{
    public class BorderlessDatePickerRenderer : DatePickerRenderer
    {
        public BorderlessDatePickerRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e)
        {
            base.OnElementChanged(e);
            
            if (Control != null)
            {
                // 移除下划线
                Control.Background = null;
                Control.BackgroundTintList = null;
                // 设置文本颜色为黑色
                Control.SetTextColor(Android.Graphics.Color.Black);
                
                // 处理Placeholder
                var borderlessPicker = Element as BorderlessDatePicker;
                if (borderlessPicker != null)
                {
                    Control.Hint = borderlessPicker.Placeholder;
                    Control.SetHintTextColor(Android.Graphics.Color.Gray);
                }
            }
        }
    }
}
#endif

关键说明 #

• Android的EditText默认自带下划线背景，仅设置BackgroundTintList无法清除原有样式，必须直接设置Background = null。
• 使用Hint实现Placeholder更符合Android原生逻辑，避免手动操作Text导致的文本冲突问题。
• 优先使用MAUI官方推荐的Handler映射方案，Renderer属于兼容旧框架的备选方案。

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