.NET MAUI XAML Entry控件单数字显示尺寸定制难题

1. 修正核心样式属性 #

首先纠正样式中错误的文本对齐设置，并强制清除内边距与最小宽度限制：

<Style x:Key="SingleDigitEntryStyle" TargetType="u:SingleDigitEntry">
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="CornerRadius" Value="0"/>
    <!-- 改为完全居中对齐 -->
    <Setter Property="HorizontalTextAlignment" Value="Center"/>
    <Setter Property="VerticalTextAlignment" Value="Center"/>
    <Setter Property="Margin" Value="0"/>
    <!-- 强制清除默认内边距 -->
    <Setter Property="Padding" Value="0"/>
    <!-- 解除最小宽度限制，允许控件缩至所需尺寸 -->
    <Setter Property="MinimumWidthRequest" Value="0"/>
    <Setter Property="TextColor" Value="Black"/>
    <Setter Property="BackgroundColor" Value="White"/>
    <Setter Property="FontSize" Value="20"/>
    <Setter Property="FontFamily" Value="Monofonto"/>
    <Style.Triggers>
        <Trigger TargetType="u:SingleDigitEntry" Property="IsFocused" Value="True">
            <Setter Property="BackgroundColor" Value="Gray"/>
            <Setter Property="TextColor" Value="Red"/>
        </Trigger>
    </Style.Triggers>
</Style>

2. 动态计算精确宽度（可选但推荐） #

利用等宽字体特性，通过隐藏Label测量单数字宽度，确保Entry尺寸完全适配：
在ContentView后台代码中添加以下逻辑：

protected override void OnSizeAllocated(double width, double height)
{
    base.OnSizeAllocated(width, height);
    
    // 创建隐藏Label测量单数字宽度
    var measureLabel = new Label
    {
        Text = "0", // 等宽字体下任意数字宽度一致
        FontSize = 20,
        FontFamily = "Monofonto"
    };
    
    var textSize = measureLabel.Measure(double.PositiveInfinity, double.PositiveInfinity);
    var digitWidth = textSize.Request.Width;
    
    // 批量设置所有Entry的宽度
    var entries = new[] { Entry0, Entry1, Entry2, Entry3, Entry4, Entry5, Entry6, Entry7, Entry8, Entry9 };
    foreach (var entry in entries)
    {
        entry.WidthRequest = digitWidth;
    }
    
    // 同步Grid列宽
    var grid = (Grid)Content;
    for (int i = 0; i < grid.ColumnDefinitions.Count; i++)
    {
        grid.ColumnDefinitions[i].Width = new GridLength(digitWidth);
    }
}

3. 调整Grid布局 #

移除硬编码列宽，改为动态适配：

<Grid
    HorizontalOptions="Center"
    BackgroundColor="White"
    ColumnSpacing="0">
    <!-- 移除固定列宽，由后台代码动态设置 -->
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <!-- 其余Entry代码保持不变 -->
</Grid>

关键说明 #

• Padding与MinimumWidthRequest：Entry在各平台默认带有内边距和最小宽度限制，必须显式设置Padding="0"和MinimumWidthRequest="0"才能突破尺寸限制。
• 文本对齐：原样式的Start/End对齐会导致文本偏移，改为Center才能实现真正的居中显示。
• 动态宽度计算：通过Label测量字符宽度，能确保在不同设备、字体缩放级别下都精准适配单数字，避免硬编码宽度的兼容性问题。

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