如何避免.NET MAUI中Border控件随子Label缩小而水平收缩？

方法一：通过跟踪最大宽度实现核心需求 #

核心思路是记录Label的历史最大宽度，通过MinimumWidthRequest限制控件最小宽度，确保文本变短后不会收缩，进而让Border保持最大宽度不再缩小。

1. 后台代码添加宽度跟踪属性 #

在ProgressOverlay类中添加两个属性，分别记录两个Label的最大宽度：

public partial class ProgressOverlay : ContentView
{
    public double SourceMaxWidth { get; set; }
    public double DestinationMaxWidth { get; set; }

    public ProgressOverlay()
    {
        InitializeComponent();
        BindingContext = this;
    }
}

2. 修改XAML绑定并添加尺寸变化事件 #

给Label绑定MinimumWidthRequest到对应最大宽度属性，同时添加SizeChanged事件来更新最大值：

<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="uk.andyjohnson.TakeoutExtractor.Gui.ProgressOverlay">
    <Border
        Stroke="#0f0f0f"
        StrokeThickness="2"
        StrokeShape="RoundRectangle 5,5,5,5"
        HorizontalOptions="Center"
        VerticalOptions="CenterAndExpand"
        Padding="30,30">
        <VerticalStackLayout
            Spacing="25" >

            <Label 
                x:Name="SourceLabel"
                Text=""
                HorizontalOptions="Center"
                MinimumWidthRequest="{Binding SourceMaxWidth}"
                SizeChanged="SourceLabel_SizeChanged"/>
            <Label 
                x:Name="DestinationLabel"
                Text=""
                HorizontalOptions="Center"
                MinimumWidthRequest="{Binding DestinationMaxWidth}"
                SizeChanged="DestinationLabel_SizeChanged" />
        </VerticalStackLayout>
    </Border>
</ContentView>

3. 实现尺寸变化事件逻辑 #

在后台代码中编写事件处理方法，实时更新最大宽度：

private void SourceLabel_SizeChanged(object sender, EventArgs e)
{
    if (SourceLabel.Width > SourceMaxWidth)
        SourceMaxWidth = SourceLabel.Width;
}

private void DestinationLabel_SizeChanged(object sender, EventArgs e)
{
    if (DestinationLabel.Width > DestinationMaxWidth)
        DestinationMaxWidth = DestinationLabel.Width;
}

方法二：自定义可复用的非收缩Label #

如果需要在多个页面复用这种只扩不缩的Label，可以自定义控件：

public class NonShrinkingLabel : Label
{
    private double _maxWidth;

    public NonShrinkingLabel()
    {
        SizeChanged += OnSizeChanged;
    }

    private void OnSizeChanged(object sender, EventArgs e)
    {
        if (Width > _maxWidth)
        {
            _maxWidth = Width;
            MinimumWidthRequest = _maxWidth;
        }
    }
}

之后在XAML中直接使用该自定义Label（需先添加命名空间xmlns:local="clr-namespace:uk.andyjohnson.TakeoutExtractor.Gui"）：

<local:NonShrinkingLabel 
    x:Name="SourceLabel"
    Text=""
    HorizontalOptions="Center"/>
<local:NonShrinkingLabel 
    x:Name="DestinationLabel"
    Text=""
    HorizontalOptions="Center" />

额外优化建议 #

将原Border的HorizontalOptions="CenterAndExpand"改为HorizontalOptions="Center"，避免控件占用不必要的扩展空间，让Border仅包裹内容的最大宽度。

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