Xamarin.Forms Material Entry占位符字号及下划线对齐问题咨询

针对你遇到的Material Entry在Android端的占位符字号过大和下划线左侧间距问题，这俩都是Xamarin.Forms Material组件常见的Android适配小坑，给你整理了具体的解决方案：

一、调整Android端占位符字号 #

Material Entry在Android底层是基于TextInputLayout和TextInputEditText实现的，默认占位符（Hint）的字号会比咱们设置的FontSize="Small"大一圈，得靠自定义渲染器来修改：

1. 在共享项目中创建自定义Entry
   先搞个继承自Entry的自定义控件，方便后续做自定义渲染：

public class CustomMaterialEntry : Entry
{
    // 暂时不需要额外属性，先空着就行
}

2. 在Android项目中添加自定义渲染器
   创建CustomMaterialEntryRenderer.cs文件，代码如下（记得替换命名空间为你自己的项目名）：

[assembly: ExportRenderer(typeof(CustomMaterialEntry), typeof(CustomMaterialEntryRenderer))]
namespace YourAppName.Droid.Renderers
{
    public class CustomMaterialEntryRenderer : EntryRenderer
    {
        public CustomMaterialEntryRenderer(Context context) : base(context)
        {
        }

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

            if (Control != null && Element != null)
            {
                // 获取底层的TextInputLayout容器
                var textInputLayout = (TextInputLayout)Control.Parent;
                // 给占位符绑定自定义样式
                textInputLayout.HintTextAppearance = Resource.Style.MaterialEntryHintStyle;
            }
        }
    }
}

3. 在Android项目的Resources/values/styles.xml中添加自定义样式
   这里直接设置占位符的字号和颜色，和你XAML里的配置保持一致：

<style name="MaterialEntryHintStyle" parent="TextAppearance.Design.Hint">
    <item name="android:textSize">14sp</item> <!-- 这里改成你想要的字号，比如对应Small设14sp -->
    <item name="android:textColor">@color/white</item> <!-- 和PlaceholderColor保持一致 -->
</style>

4. 替换原Entry为自定义Entry
   把XAML里的<Entry>换成咱们的自定义控件，记得添加上命名空间：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppName"
             x:Class="YourAppName.YourPage">

    <local:CustomMaterialEntry x:Name="CustomerEntry" Visual="Material" FontSize="Small" 
                               Placeholder="Customer Name" HorizontalOptions="FillAndExpand" 
                               BackgroundColor="Transparent" TextColor="White" 
                               PlaceholderColor="White" Margin="0,0,0,0" />
</ContentPage>

二、缩小下划线左侧间距 #

同样在上面的自定义渲染器里，我们可以调整输入框的内边距，让下划线和占位符对齐：

修改CustomMaterialEntryRenderer的OnElementChanged方法，加上这段代码：

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

    if (Control != null && Element != null)
    {
        var textInputLayout = (TextInputLayout)Control.Parent;
        textInputLayout.HintTextAppearance = Resource.Style.MaterialEntryHintStyle;

        // 把EditText的左侧内边距设为0，缩小下划线的左侧间距
        Control.SetPaddingRelative(0, Control.PaddingTop, Control.PaddingEnd, Control.PaddingBottom);
        // 如果还不够，再调整TextInputLayout的内边距
        textInputLayout.SetPadding(0, textInputLayout.PaddingTop, textInputLayout.PaddingRight, textInputLayout.PaddingBottom);
    }
}

你可以根据实际显示效果微调Padding的数值，直到下划线和占位符对齐为止。

额外小提示 #

• 如果你想全局修改所有Material Entry的样式，也可以在Android的styles.xml里直接修改Widget.MaterialComponents.TextInputLayout.OutlinedBox这类默认样式，但自定义渲染器更灵活，只针对你需要的Entry生效。
• 字号建议用sp单位，能适配不同屏幕的缩放需求。

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