如何在Xamarin.Forms中用自定义渲染器修改编辑器与日期选择器底线颜色

当然可以通过自定义渲染器来实现这两个控件的底线颜色修改，下面分步骤给你详细说明：

一、修改Editor的白色底线（无矩形边框） #

你提供的Shape XML存在语法问题，我们需要创建一个仅显示底部白色线条的Drawable文件：

1. 创建Android Drawable文件 #

在Android项目的Resources/drawable目录下新建editor_underline.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 透明背景，避免覆盖控件原有背景 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
    <!-- 仅显示底部白色线条：通过设置top/right/left为负数隐藏其他三边的stroke -->
    <item android:top="-2dp" android:right="-2dp" android:left="-2dp">
        <shape android:shape="rectangle">
            <stroke android:color="#FFFFFF" android:width="2dp" />
        </shape>
    </item>
</layer-list>

2. 编写Editor自定义渲染器 #

在Android项目中创建CustomEditorRenderer.cs，代码如下（记得替换YourAppName为你的项目命名空间）：

using Android.Content;
using Android.Graphics.Drawables;
using YourAppName;
using YourAppName.Droid;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(Editor), typeof(CustomEditorRenderer))]
namespace YourAppName.Droid
{
    public class CustomEditorRenderer : EditorRenderer
    {
        public CustomEditorRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<Editor> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 应用自定义底线背景
                var underlineDrawable = Resources.GetDrawable(Resource.Drawable.editor_underline);
                Control.SetBackground(underlineDrawable);
            }
        }
    }
}

二、修改DatePicker的白色底线 #

DatePicker在Android底层基于EditText实现，所以可以用类似方法修改：

编写DatePicker自定义渲染器 #

在Android项目中创建CustomDatePickerRenderer.cs，代码如下：

using Android.Content;
using Android.Graphics.Drawables;
using YourAppName;
using YourAppName.Droid;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(DatePicker), typeof(CustomDatePickerRenderer))]
namespace YourAppName.Droid
{
    public class CustomDatePickerRenderer : DatePickerRenderer
    {
        public CustomDatePickerRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 复用之前的editor_underline.xml，也可以单独创建新的Drawable文件
                var underlineDrawable = Resources.GetDrawable(Resource.Drawable.editor_underline);
                Control.SetBackground(underlineDrawable);
            }
        }
    }
}

注意事项 #

• 确保将代码中的YourAppName替换为你实际的项目命名空间
• 如果需要调整线条宽度或颜色，直接修改Drawable XML中的android:width和android:color属性即可
• 若项目使用AndroidX，确认所有引用和配置都已适配AndroidX环境

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