.NET MAUI中Grid行内Entry默认样式异常的优化方案咨询

针对iOS端Entry默认高度过高、与左侧Label文本无法垂直居中的问题，以下是无需使用HeightRequest绝对数值的最优解决方案：

1. 自定义Entry Handler调整iOS平台样式 #

iOS的UITextField默认带有上下内边距，这是导致Entry视觉高度过高的核心原因。通过MAUI的Handler机制直接修改平台原生控件属性，既能减小Entry高度，又能保证文本垂直居中：

步骤1：创建自定义Entry控件 #

public class CompactEntry : Entry
{
    // 仅作为标识，无需额外逻辑
}

步骤2：注册自定义Handler #

在MauiProgram.cs中配置iOS平台的Handler：

using Microsoft.Maui.Handlers;
#if IOS
using UIKit;
#endif

public static MauiApp CreateMauiApp()
{
    var builder = MauiApp.CreateBuilder();
    builder
        .UseMauiApp<App>()
        .ConfigureMauiHandlers(handlers =>
        {
#if IOS
            handlers.AddHandler(typeof(CompactEntry), typeof(CompactEntryHandler));
#endif
        });

    return builder.Build();
}

#if IOS
public class CompactEntryHandler : EntryHandler
{
    protected override void ConnectHandler(UITextField platformView)
    {
        base.ConnectHandler(platformView);
        // 设置文本垂直居中
        platformView.ContentVerticalAlignment = UIControlContentVerticalAlignment.Center;
        // 调整上下内边距，减小Entry整体高度（数值可按需微调）
        platformView.TextEdgeInsets = new UIEdgeInsets(2, 4, 2, 4);
        // 如需去掉默认边框，可添加此行
        // platformView.BorderStyle = UITextBorderStyle.None;
    }
}
#endif

步骤3：在XAML中使用自定义Entry #

替换原有的Entry为CompactEntry：

<StackLayout Grid.Row="1" Grid.Column="1" Orientation="Horizontal" HorizontalOptions="Center">
    <local:CompactEntry Text="0" Placeholder="0" HorizontalTextAlignment="Center" 
                        Keyboard="Numeric" TextChanged="Entry_TextChanged" Focused="Entry_Focused"/>
    <Label Text="g"/>
</StackLayout>

2. 优化布局容器保证垂直对齐 #

将原有的StackLayout替换为Grid，配合VerticalOptions="Center"，精准控制Entry与右侧单位Label的垂直对齐，同时让左侧Label也与内容居中对齐：

<!-- 左侧Label添加VerticalOptions="Center" -->
<Label Grid.Row="1" Grid.Column="0" Text="Value A:" Background="Red" VerticalOptions="Center"/>

<!-- 用Grid替代StackLayout，确保Entry和单位Label垂直居中 -->
<Grid Grid.Row="1" Grid.Column="1" ColumnDefinitions="*, Auto" HorizontalOptions="Center">
    <local:CompactEntry Grid.Column="0" Text="0" Placeholder="0" HorizontalTextAlignment="Center" 
                        Keyboard="Numeric" TextChanged="Entry_TextChanged" Focused="Entry_Focused"
                        VerticalOptions="Center"/>
    <Label Grid.Column="1" Text="g" VerticalOptions="Center"/>
</Grid>

方案优势 #

• 无需硬编码HeightRequest，适配不同iOS设备的字体和系统样式
• 通过Handler修改原生控件属性，从根源解决iOS Entry的内边距问题
• 布局容器优化保证跨平台的对齐一致性，同时让UI更紧凑协调

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