如何在MAUI中实现多屏幕尺寸界面缩放？求Viewbox类方案

一、类似WPF Viewbox的控件方案 #

MAUI原生未内置Viewbox，但可以通过以下两种方式实现等效功能：

1. 自定义Viewbox控件 #

核心逻辑是根据父容器尺寸计算等比例缩放因子，自动缩放子元素。示例代码：

public class Viewbox : ContentView
{
    protected override SizeRequest OnMeasure(double widthConstraint, double heightConstraint)
    {
        if (Content == null) return base.OnMeasure(widthConstraint, heightConstraint);
        
        var contentSize = Content.Measure(double.PositiveInfinity, double.PositiveInfinity).Request;
        if (contentSize.Width <= 0 || contentSize.Height <= 0) return base.OnMeasure(widthConstraint, heightConstraint);
        
        var scaleX = widthConstraint / contentSize.Width;
        var scaleY = heightConstraint / contentSize.Height;
        var scale = Math.Min(scaleX, scaleY);
        
        Content.Scale = scale;
        return new SizeRequest(new Size(contentSize.Width * scale, contentSize.Height * scale));
    }
}

使用时直接将需要缩放的内容嵌套其中，控件会自动按父容器尺寸等比例适配：

<local:Viewbox>
    <!-- 你的界面内容，如布局、控件组等 -->
</local:Viewbox>

2. 社区NuGet包 #

可以直接使用第三方包Maui.Viewbox，它完全复刻WPF Viewbox的行为，支持Stretch属性（Uniform/UniformToFill/Fill等模式）：

<vb:Viewbox Stretch="Uniform">
    <!-- 需缩放的内容 -->
</vb:Viewbox>

二、字体缩放实现方案 #

如果优先通过字体缩放适配界面，可以采用以下两种方式：

1. 全局字体缩放 #

在App.xaml中定义全局样式，通过绑定动态调整字体大小：

<ResourceDictionary>
    <local:ScaleConverter x:Key="ScaleConverter" />
    <Style TargetType="Label">
        <Setter Property="FontSize" Value="{Binding Source={x:Reference MainPage}, Path=FontScaleFactor, Converter={StaticResource ScaleConverter}}" />
    </Style>
    <!-- 可扩展到Button、Entry等其他文本控件 -->
</ResourceDictionary>

在页面或ViewModel中维护FontScaleFactor变量，修改该值即可全局调整字体大小，转换器需实现将缩放因子转换为对应字体尺寸的逻辑。

2. 局部字体缩放 #

通过自定义附加属性批量调整指定布局内的控件字体：

public static class ScaleHelper
{
    public static readonly BindableProperty FontScaleProperty =
        BindableProperty.CreateAttached("FontScale", typeof(double), typeof(ScaleHelper), 1.0, propertyChanged: OnFontScaleChanged);

    public static double GetFontScale(BindableObject view) => (double)view.GetValue(FontScaleProperty);
    public static void SetFontScale(BindableObject view, double value) => view.SetValue(FontScaleProperty, value);

    private static void OnFontScaleChanged(BindableObject bindable, object oldValue, object newValue)
    {
        if (bindable is Layout layout)
        {
            foreach (var child in layout.Children)
            {
                if (child is Label label) label.FontSize *= (double)newValue;
                else if (child is Button button) button.FontSize *= (double)newValue;
                else if (child is Entry entry) entry.FontSize *= (double)newValue;
            }
        }
    }
}

使用时在目标布局上附加属性即可：

<StackLayout local:ScaleHelper.FontScale="1.2">
    <Label Text="缩放文本" />
    <Button Text="缩放按钮" />
</StackLayout>

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