.NET MAUI Android应用：如何根据像素密度适配字体与元素尺寸

我正在开发一款.NET MAUI Android应用，当前在字体尺寸适配上遇到了瓶颈。将应用部署到多款设备后发现，相同物理尺寸的屏幕往往像素密度（Pixel density）不同，布局会因像素密度和屏幕尺寸的差异出现错乱：

• 平板这类大尺寸设备，查看DeviceDisplayInfo时，其Height值反而比普通手机小；
• 相同物理尺寸但像素密度更高的屏幕，会让整个布局“缩小”。

示例截图 #

• Google Pixel 5基础规格模拟器运行截图：
• 同一Google Pixel 5模拟器（像素密度改为560，原基础值为440）的运行截图：

可以看到，高像素密度模拟器中的整体布局尺寸明显偏大。

我尝试过结合屏幕尺寸（高/宽）和像素密度进行计算，但结果因设备差异过大，没有得到有效结论。目前已经为页面组件创建了小/中/大三种特定样式（包含不同FontSizes、高度等），并尝试根据屏幕尺寸动态切换，代码如下：

protected override void OnApplyTemplate()
{
    base.OnApplyTemplate();
    double ScreenSize = this.Height;
            
    //Also tried doing something like this but wasn't helping me in any way
    //ScreenSize = (DeviceDisplay.Current.MainDisplayInfo.Height /  DeviceDisplay.Current.MainDisplayInfo.Density); 

    if(ScreenSize < 0)
        return;
   

    if (ScreenSize >= 900) 
        SetSizesLarge();
    if (ScreenSize > 600 && ScreenSize  < 900)
        SetSizesMedium();
    if (ScreenSize < 600)
        SetSizesSmall();
}
private void SetSizesLarge()
{
    WelcomeHeaderLabel.Style = ResourceHelper.FindResource(this, "ActiveHeaderStyleLarge") as Style;
    Go_Natural_Bottom_Logo.WidthRequest = (double) 200;
    
}
private void SetSizesMedium()
{
    WelcomeHeaderLabel.Style = ResourceHelper.FindResource(this, "ActiveHeaderStyle") as Style;

    Go_Natural_Bottom_Logo.WidthRequest = (double)150;
}
private void SetSizesSmall()
{
    WelcomeHeaderLabel.Style = ResourceHelper.FindResource(this, "ActiveHeaderStyleSmall") as Style;

    Go_Natural_Bottom_Logo.WidthRequest = (double)120;
}

请问，我该如何根据手机尺寸和像素密度，准确判断何时使用小/中/大布局？

1. 基于物理屏幕对角线尺寸判断 #

核心是计算设备的物理对角线英寸数，这是最稳定的区分依据，不受分辨率、像素密度和屏幕方向的影响：

var displayInfo = DeviceDisplay.Current.MainDisplayInfo;
// 像素数 ÷ 密度 = 物理尺寸（英寸）
double physicalWidth = displayInfo.Width / displayInfo.Density;
double physicalHeight = displayInfo.Height / displayInfo.Density;
// 勾股定理计算对角线长度
double diagonalInches = Math.Sqrt(Math.Pow(physicalWidth, 2) + Math.Pow(physicalHeight, 2));

按对角线尺寸划分区间：

• 小屏：< 6英寸
• 中屏：6-8英寸
• 大屏（平板）：> 8英寸

2. 结合MAUI内置设备类别优化判断 #

用DeviceInfo.Idiom直接区分设备类型（手机/平板/桌面），再结合物理尺寸做精细适配：

protected override void OnApplyTemplate()
{
    base.OnApplyTemplate();
    UpdateLayoutSizes();
}

private void UpdateLayoutSizes()
{
    var displayInfo = DeviceDisplay.Current.MainDisplayInfo;
    double physicalWidth = displayInfo.Width / displayInfo.Density;
    double physicalHeight = displayInfo.Height / displayInfo.Density;
    double diagonalInches = Math.Sqrt(Math.Pow(physicalWidth, 2) + Math.Pow(physicalHeight, 2));

    if (DeviceInfo.Idiom == DeviceIdiom.Tablet || diagonalInches >= 8)
    {
        SetSizesLarge();
    }
    else if (diagonalInches >= 6)
    {
        SetSizesMedium();
    }
    else
    {
        SetSizesSmall();
    }
}

3. 监听屏幕旋转，适配动态布局 #

屏幕旋转后物理尺寸不变，但页面布局可能需要调整，需要监听显示信息变化：

protected override void OnAppearing()
{
    base.OnAppearing();
    DeviceDisplay.Current.MainDisplayInfoChanged += OnMainDisplayInfoChanged;
    UpdateLayoutSizes();
}

protected override void OnDisappearing()
{
    base.OnDisappearing();
    DeviceDisplay.Current.MainDisplayInfoChanged -= OnMainDisplayInfoChanged;
}

private void OnMainDisplayInfoChanged(object sender, DisplayInfoChangedEventArgs e)
{
    UpdateLayoutSizes();
}

4. 避开直接使用页面Height的坑 #

你之前用this.Height的问题在于：页面高度会受导航栏、状态栏等系统控件影响，且页面初始化阶段布局未完成时，值可能不准确。改用物理尺寸计算可以彻底规避这类问题。

内容的提问来源于stack exchange，提问作者Gustavo José